LifeUI

1.53.2

Paleta de colores

El conjunto de colores que dan identidad a nuestra librería

Primary

Vista previa	Peso	Valor	Tailwind class
	50	#fdf8ed	[utitlidad]-primary-50
	100	#f7eace	[utitlidad]-primary-100
	200	#efd398	[utitlidad]-primary-200
	300	#E7B862	[utitlidad]-primary-300
	400	#e1a141	[utitlidad]-primary-400
	500	#d88228	[utitlidad]-primary-500
	600	#bf6220	[utitlidad]-primary-600
	700	#9f461e	[utitlidad]-primary-700
	800	#82381e	[utitlidad]-primary-800
	900	#6b2f1c	[utitlidad]-primary-900
	950	#3d160b	[utitlidad]-primary-950
	alpha-24	rgba(225, 161, 65, 0.24)	[utitlidad]-primary-alpha-24
	alpha-16	rgba(225, 161, 65, 0.16)	[utitlidad]-primary-alpha-16
	alpha-10	rgba(225, 161, 65, 0.10)	[utitlidad]-primary-alpha-10
	darker	#bf6220	[utitlidad]-primary-darker
	dark	#d88228	[utitlidad]-primary-dark
	base	#e1a141	[utitlidad]-primary-base

Gray

Vista previa	Peso	Valor	Tailwind class
	50	#f7f7f7	[utitlidad]-gray-50
	100	#f5f5f5	[utitlidad]-gray-100
	200	#ebebeb	[utitlidad]-gray-200
	300	#d1d1d1	[utitlidad]-gray-300
	400	#a3a3a3	[utitlidad]-gray-400
	500	#7b7b7b	[utitlidad]-gray-500
	600	#5c5c5c	[utitlidad]-gray-600
	700	#333333	[utitlidad]-gray-700
	800	#292929	[utitlidad]-gray-800
	900	#1c1c1c	[utitlidad]-gray-900
	950	#171717	[utitlidad]-gray-950
	alpha-24	rgba(153, 160, 174, 0.24)	[utitlidad]-gray-alpha-24
	alpha-16	rgba(153, 160, 174, 0.16)	[utitlidad]-gray-alpha-16
	alpha-10	rgba(153, 160, 174, 0.1)	[utitlidad]-gray-alpha-10

Red

Vista previa	Peso	Valor	Tailwind class
	50	#fff0f0	[utitlidad]-red-50
	100	#ffdddd	[utitlidad]-red-100
	200	#ffc0c0	[utitlidad]-red-200
	300	#ff9494	[utitlidad]-red-300
	400	#ff5757	[utitlidad]-red-400
	500	#ff2323	[utitlidad]-red-500
	600	#ff0000	[utitlidad]-red-600
	700	#d70000	[utitlidad]-red-700
	800	#b10303	[utitlidad]-red-800
	900	#920a0a	[utitlidad]-red-900
	950	#500000	[utitlidad]-red-950
	alpha-24	rgba(255, 35, 35, 0.24)	[utitlidad]-red-alpha-24
	alpha-16	rgba(255, 35, 35, 0.16)	[utitlidad]-red-alpha-16
	alpha-10	rgba(255, 35, 35, 0.10)	[utitlidad]-red-alpha-10

Blue

Vista previa	Peso	Valor	Tailwind class
	50	#EBF1FF	[utitlidad]-blue-50
	100	#D5E2FF	[utitlidad]-blue-100
	200	#C0D5FF	[utitlidad]-blue-200
	300	#97BAFF	[utitlidad]-blue-300
	400	#6895FF	[utitlidad]-blue-400
	500	#335CFF	[utitlidad]-blue-500
	600	#3559E9	[utitlidad]-blue-600
	700	#2547D0	[utitlidad]-blue-700
	800	#1F3BAD	[utitlidad]-blue-800
	900	#182F8B	[utitlidad]-blue-900
	950	#122368	[utitlidad]-blue-950
	alpha-24	rgba(51, 92, 255, 0.24)	[utitlidad]-blue-alpha-24
	alpha-16	rgba(51, 92, 255, 0.16)	[utitlidad]-blue-alpha-16
	alpha-10	rgba(51, 92, 255, 0.10)	[utitlidad]-blue-alpha-10

Green

Vista previa	Peso	Valor	Tailwind class
	50	#E0FAEC	[utitlidad]-green-50
	100	#D0FBE9	[utitlidad]-green-100
	200	#C2F5DA	[utitlidad]-green-200
	300	#84EBB4	[utitlidad]-green-300
	400	#3EE089	[utitlidad]-green-400
	500	#1FC16B	[utitlidad]-green-500
	600	#1DAF61	[utitlidad]-green-600
	700	#178C4E	[utitlidad]-green-700
	800	#1A7544	[utitlidad]-green-800
	900	#16643B	[utitlidad]-green-900
	950	#0B4627	[utitlidad]-green-950
	alpha-24	rgba(31, 193, 107, 0.24)	[utitlidad]-green-alpha-24
	alpha-16	rgba(31, 193, 107, 0.16)	[utitlidad]-green-alpha-16
	alpha-10	rgba(31, 193, 107, 0.10)	[utitlidad]-green-alpha-10

Yellow

Vista previa	Peso	Valor	Tailwind class
	50	#FFFAEB	[utitlidad]-yellow-50
	100	#FFEFCC	[utitlidad]-yellow-100
	200	#FFECC0	[utitlidad]-yellow-200
	300	#FFE097	[utitlidad]-yellow-300
	400	#FFD268	[utitlidad]-yellow-400
	500	#F6B51E	[utitlidad]-yellow-500
	600	#E6A819	[utitlidad]-yellow-600
	700	#C99A2C	[utitlidad]-yellow-700
	800	#A78025	[utitlidad]-yellow-800
	900	#86661D	[utitlidad]-yellow-900
	950	#624C18	[utitlidad]-yellow-950
	alpha-24	rgba(246, 181, 30, 0.24)	[utitlidad]-yellow-alpha-24
	alpha-16	rgba(246, 181, 30, 0.16)	[utitlidad]-yellow-alpha-16
	alpha-10	rgba(246, 181, 30, 0.10)	[utitlidad]-yellow-alpha-10

Purple

Vista previa	Peso	Valor	Tailwind class
	50	#EFEBFF	[utitlidad]-purple-50
	100	#DCD5FF	[utitlidad]-purple-100
	200	#CAC0FF	[utitlidad]-purple-200
	300	#A897FF	[utitlidad]-purple-300
	400	#8C71F6	[utitlidad]-purple-400
	500	#7D52F4	[utitlidad]-purple-500
	600	#693EE0	[utitlidad]-purple-600
	700	#5B2CC9	[utitlidad]-purple-700
	800	#4C25A7	[utitlidad]-purple-800
	900	#3D1D86	[utitlidad]-purple-900
	950	#351A75	[utitlidad]-purple-950
	alpha-24	rgba(120, 77, 239, 0.24)	[utitlidad]-purple-alpha-24
	alpha-16	rgba(120, 77, 239, 0.16)	[utitlidad]-purple-alpha-16
	alpha-10	rgba(120, 77, 239, 0.10)	[utitlidad]-purple-alpha-10

Orange

Vista previa	Peso	Valor	Tailwind class
	50	#FFF3EB	[utitlidad]-orange-50
	100	#FFE6D5	[utitlidad]-orange-100
	200	#FFD9C0	[utitlidad]-orange-200
	300	#FFC197	[utitlidad]-orange-300
	400	#FFA468	[utitlidad]-orange-400
	500	#FA7319	[utitlidad]-orange-500
	600	#E16614	[utitlidad]-orange-600
	700	#CE5E12	[utitlidad]-orange-700
	800	#B75310	[utitlidad]-orange-800
	900	#96440D	[utitlidad]-orange-900
	950	#71330A	[utitlidad]-orange-950
	alpha-24	rgba(255, 145, 71, 0.24)	[utitlidad]-orange-alpha-24
	alpha-16	rgba(255, 145, 71, 0.16)	[utitlidad]-orange-alpha-16
	alpha-10	rgba(255, 145, 71, 0.10)	[utitlidad]-orange-alpha-10

Pizza

Vista previa	Peso	Valor	Tailwind class
	50	#fbf9eb	[utitlidad]-pizza-50
	100	#f7efca	[utitlidad]-pizza-100
	200	#f0dd98	[utitlidad]-pizza-200
	300	#e7c55d	[utitlidad]-pizza-300
	400	#deab31	[utitlidad]-pizza-400
	500	#d88228	[utitlidad]-pizza-500
	600	#b2751c	[utitlidad]-pizza-600
	700	#8e551a	[utitlidad]-pizza-700
	800	#77441c	[utitlidad]-pizza-800
	900	#66391d	[utitlidad]-pizza-900
	950	#3b1d0d	[utitlidad]-pizza-950

Olive

Vista previa	Peso	Valor	Tailwind class
	50	#fbf9ea	[utitlidad]-olive-50
	100	#f6f3d1	[utitlidad]-olive-100
	200	#eeeaa8	[utitlidad]-olive-200
	300	#e2df74	[utitlidad]-olive-300
	400	#d1cf4a	[utitlidad]-olive-400
	500	#b7b72b	[utitlidad]-olive-500
	600	#84861c	[utitlidad]-olive-600
	700	#6c6f1c	[utitlidad]-olive-700
	800	#56591b	[utitlidad]-olive-800
	900	#484c1b	[utitlidad]-olive-900
	950	#26290a	[utitlidad]-olive-950

Chalky

Vista previa	Peso	Valor	Tailwind class
	50	#fdf9ed	[utitlidad]-chalky-50
	100	#f8eecd	[utitlidad]-chalky-100
	200	#f1d992	[utitlidad]-chalky-200
	300	#e7c55d	[utitlidad]-chalky-300
	400	#e5ac3a	[utitlidad]-chalky-400
	500	#de8e22	[utitlidad]-chalky-500
	600	#c46c1b	[utitlidad]-chalky-600
	700	#a34e1a	[utitlidad]-chalky-700
	800	#853d1b	[utitlidad]-chalky-800
	900	#6d341a	[utitlidad]-chalky-900
	950	#3e190a	[utitlidad]-chalky-950

Aths special

Vista previa	Peso	Valor	Tailwind class
	50	#F7F7EE	[utitlidad]-aths-special-50
	100	#EEEED9	[utitlidad]-aths-special-100
	200	#E5E6C8	[utitlidad]-aths-special-200
	300	#C6C98D	[utitlidad]-aths-special-300
	400	#AFB368	[utitlidad]-aths-special-400
	500	#92984A	[utitlidad]-aths-special-500
	600	#727838	[utitlidad]-aths-special-600
	700	#585D2E	[utitlidad]-aths-special-700
	800	#474B29	[utitlidad]-aths-special-800
	900	#3D4126	[utitlidad]-aths-special-900
	950	#1F2211	[utitlidad]-aths-special-950

Fuzzy brown

Vista previa	Peso	Valor	Tailwind class
	50	#FCF4F4	[utitlidad]-fuzzy-brow-50
	100	#FAE6E6	[utitlidad]-fuzzy-brow-100
	200	#F7D1D1	[utitlidad]-fuzzy-brow-200
	300	#E68383	[utitlidad]-fuzzy-brow-300
	400	#E68383	[utitlidad]-fuzzy-brow-400
	500	#D54C4C	[utitlidad]-fuzzy-brow-500
	600	#C43E3E	[utitlidad]-fuzzy-brow-600
	700	#A43131	[utitlidad]-fuzzy-brow-700
	800	#882C2C	[utitlidad]-fuzzy-brow-800
	900	#722A2A	[utitlidad]-fuzzy-brow-900
	950	#3D1212	[utitlidad]-fuzzy-brow-950

Malachite

Vista previa	Peso	Valor	Tailwind class
	50	#f0fdf4	[utitlidad]-malachite-50
	100	#dcfce6	[utitlidad]-malachite-100
	200	#baf8ce	[utitlidad]-malachite-200
	300	#85f0a9	[utitlidad]-malachite-300
	400	#48e07b	[utitlidad]-malachite-400
	500	#21cd5b	[utitlidad]-malachite-500
	600	#14a546	[utitlidad]-malachite-600
	700	#14813a	[utitlidad]-malachite-700
	800	#156631	[utitlidad]-malachite-800
	900	#13542b	[utitlidad]-malachite-900
	950	#052e15	[utitlidad]-malachite-950

Green smoke

Vista previa	Peso	Valor	Tailwind class
	50	#f6f7ee	[utitlidad]-green-smoke-50
	100	#ebedda	[utitlidad]-green-smoke-100
	200	#d8dcba	[utitlidad]-green-smoke-200
	300	#bec690	[utitlidad]-green-smoke-300
	400	#9ba65c	[utitlidad]-green-smoke-400
	500	#88934f	[utitlidad]-green-smoke-500
	600	#6a743c	[utitlidad]-green-smoke-600
	700	#515a31	[utitlidad]-green-smoke-700
	800	#43492b	[utitlidad]-green-smoke-800
	900	#393f28	[utitlidad]-green-smoke-900
	950	#1d2112	[utitlidad]-green-smoke-950

Forest green

Vista previa	Peso	Valor	Tailwind class
	50	#F3FDF0	[utitlidad]-forest-green-50
	100	#E2FBDD	[utitlidad]-forest-green-100
	200	#C6F6BC	[utitlidad]-forest-green-200
	300	#97ED88	[utitlidad]-forest-green-300
	400	#61DB4D	[utitlidad]-forest-green-400
	500	#3BC225	[utitlidad]-forest-green-500
	600	#299617	[utitlidad]-forest-green-600
	700	#267E17	[utitlidad]-forest-green-700
	800	#216417	[utitlidad]-forest-green-800
	900	#1C5215	[utitlidad]-forest-green-900
	950	#0A2D06	[utitlidad]-forest-green-950

Candlelight

Vista previa	Peso	Valor	Tailwind class
	50	#fefde8	[utitlidad]-candelight-50
	100	#fefcc3	[utitlidad]-candelight-100
	200	#fef68a	[utitlidad]-candelight-200
	300	#fde947	[utitlidad]-candelight-300
	400	#fada28	[utitlidad]-candelight-400
	500	#eabe08	[utitlidad]-candelight-500
	600	#ca9404	[utitlidad]-candelight-600
	700	#a16907	[utitlidad]-candelight-700
	800	#85530e	[utitlidad]-candelight-800
	900	#714412	[utitlidad]-candelight-900
	950	#422306	[utitlidad]-candelight-950

Pampas

Vista previa	Peso	Valor	Tailwind class
	50	#f7f6f5	[utitlidad]-candelight-50
	100	#f1f0ec	[utitlidad]-candelight-100
	200	#dad7ce	[utitlidad]-candelight-200
	300	#c3beae	[utitlidad]-candelight-300
	400	#aaa18d	[utitlidad]-candelight-400
	500	#998c76	[utitlidad]-candelight-500
	600	#8c7e6a	[utitlidad]-candelight-600
	700	#756759	[utitlidad]-candelight-700
	800	#60564c	[utitlidad]-candelight-800
	900	#4f473f	[utitlidad]-candelight-900
	950	#2a2420	[utitlidad]-candelight-950

Alabaster

Vista previa	Peso	Valor	Tailwind class
	50	#f9f9f9	[utitlidad]-alabaster-50
	100	#efefef	[utitlidad]-alabaster-100
	200	#dcdcdc	[utitlidad]-alabaster-200
	300	#bdbdbd	[utitlidad]-alabaster-300
	400	#989898	[utitlidad]-alabaster-400
	500	#7c7c7c	[utitlidad]-alabaster-500
	600	#656565	[utitlidad]-alabaster-600
	700	#525252	[utitlidad]-alabaster-700
	800	#464646	[utitlidad]-alabaster-800
	900	#3d3d3d	[utitlidad]-alabaster-900
	950	#232323	[utitlidad]-alabaster-950

Slate

Vista previa	Peso	Valor	Tailwind class
	50	#f5f8f8	[utitlidad]-slate-50
	100	#ecf2f3	[utitlidad]-slate-100
	200	#dde5e8	[utitlidad]-slate-200
	300	#c7d5da	[utitlidad]-slate-300
	400	#b0c0c9	[utitlidad]-slate-400
	500	#9bacb9	[utitlidad]-slate-500
	600	#8496a7	[utitlidad]-slate-600
	700	#708090	[utitlidad]-slate-700
	800	#5d6976	[utitlidad]-slate-800
	900	#4e5861	[utitlidad]-slate-900
	950	#2e3438	[utitlidad]-slate-950

Silver

Vista previa	Peso	Valor	Tailwind class
	50	#f6f6f6	[utitlidad]-silver-50
	100	#ededed	[utitlidad]-silver-100
	200	#d4d4d4	[utitlidad]-silver-200
	300	#c8c8c8	[utitlidad]-silver-300
	400	#adadad	[utitlidad]-silver-400
	500	#999999	[utitlidad]-silver-500
	600	#888888	[utitlidad]-silver-600
	700	#7b7b7b	[utitlidad]-silver-700
	800	#676767	[utitlidad]-silver-800
	900	#545454	[utitlidad]-silver-900
	950	#363636	[utitlidad]-silver-950

Instala BlifeUI en aplicaciones con Vite