Paleta de colores Turmeric Pantry
Turmeric Pantry es una paleta de 6 colores que se apoya en marrones, rojos y naranjas. En OKLCH, su luminosidad va del 17% (#1E0700, muy oscuro) al 95% (#FBEFD5, muy claro), y su color más saturado, #E0701A, es vívido. 6 de sus 6 colores cromáticos están en el lado cálido de la rueda cromática. 6 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como comida, cálidos, rojos y terrosos.
- Rich Navy #1E0700
- Maroon #7B2D12
- Sinopia #B5400F
- Burnt Sienna #E0701A
- Saffron #D8BC71
- Champagne #FBEFD5
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #1E0700 | rgb(30, 7, 0) | hsl(14, 100%, 6%) | oklch(16.7% 0.046 47) |
| Maroon | #7B2D12 | rgb(123, 45, 18) | hsl(15, 74%, 28%) | oklch(40.7% 0.115 38.4) |
| Sinopia | #B5400F | rgb(181, 64, 15) | hsl(18, 85%, 38%) | oklch(53.1% 0.161 39.2) |
| Burnt Sienna | #E0701A | rgb(224, 112, 26) | hsl(26, 79%, 49%) | oklch(66.5% 0.165 51) |
| Saffron | #D8BC71 | rgb(216, 188, 113) | hsl(44, 57%, 65%) | oklch(80.3% 0.1 89.6) |
| Champagne | #FBEFD5 | rgb(251, 239, 213) | hsl(41, 83%, 91%) | oklch(95.5% 0.036 86.2) |
Accesibilidad
Los mejores pares de texto y fondo de Turmeric Pantry, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | APCA Lc |
|---|---|---|---|
| #FBEFD5 sobre #1E0700 | 16.96:1 | AAA | Lc -97.5 |
| #1E0700 sobre #D8BC71 | 10.46:1 | AAA | Lc 68.5 |
| #FBEFD5 sobre #7B2D12 | 8.27:1 | AAA | Lc -85.5 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia.
Protanopía
Deuteranopía
Tritanopía
Acromatopsia
Úsala en tu código
Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/1e0700-7b2d12-b5400f-e0701a-d8bc71-fbefd5.json.
Hazla tuya
Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.