Paleta de cores Bonfire Orchard
Bonfire Orchard é uma paleta de 5 cores baseada em marrons, laranjas e neutros. Em OKLCH, a luminosidade vai de 29% (#3F2400, escuro) a 98% (#FFF6ED, muito claro), e a cor mais saturada, #BD7B1B, é moderadamente saturada. 4 das suas 4 cores cromáticas ficam no lado quente do círculo cromático. 3 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como outono, quentes, monocromáticas, gradiente, laranjas e para daltonismo.
- Pakistan Green #3F2400
- Dark Moss Green #7A4C00
- Tiger's Eye #BD7B1B
- Sandy Brown #EAB474
- Seashell #FFF6ED
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #3F2400 | rgb(63, 36, 0) | hsl(34, 100%, 12%) | oklch(28.9% 0.063 68.5) |
| Dark Moss Green | #7A4C00 | rgb(122, 76, 0) | hsl(37, 100%, 24%) | oklch(45.8% 0.099 70.2) |
| Tiger's Eye | #BD7B1B | rgb(189, 123, 27) | hsl(36, 75%, 42%) | oklch(63.7% 0.13 69.7) |
| Sandy Brown | #EAB474 | rgb(234, 180, 116) | hsl(33, 74%, 69%) | oklch(80.6% 0.103 70.2) |
| Seashell | #FFF6ED | rgb(255, 246, 237) | hsl(30, 100%, 96%) | oklch(97.8% 0.015 67.6) |
Acessibilidade
Os melhores pares de texto e fundo de Bonfire Orchard, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.
| Par | WCAG 2 | Nível | APCA Lc |
|---|---|---|---|
| #FFF6ED sobre #3F2400 | 13.43:1 | AAA | Lc -98.8 |
| #3F2400 sobre #EAB474 | 7.71:1 | AAA | Lc 63.7 |
| #FFF6ED sobre #7A4C00 | 6.87:1 | AA | Lc -85.0 |
Visão de cores
Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia. Ela está marcada como segura para daltonismo: todos os pares ficam a pelo menos ΔE 0.14.
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
Use no seu código
Instale estas cores como cores de tema do Tailwind CSS v4 com o shadcn: npx shadcn@latest add https://getcolors.so/r/palette/3f2400-7a4c00-bd7b1b-eab474-fff6ed.json.
Faça dela a sua
Edite as cores, crie com elas um sistema de cores completo nos modos claro e escuro ou veja tudo em uma interface real.