Paleta de cores Atoll Haven
Atoll Haven é uma paleta de 5 cores baseada em azuis-esverdeados e cianos e verdes. Em OKLCH, a luminosidade vai de 25% (#002828, escuro) a 89% (#B9EBB3, claro), e a cor mais saturada, #6CBD8A, é moderadamente saturada. 2 das suas 5 cores cromáticas ficam no lado frio 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 oceano, calmas, gradiente, verdes e para daltonismo.
- Jet #002828
- Dark Cyan #00584D
- Teal #1B8C6C
- Muted Teal #6CBD8A
- Tea Green #B9EBB3
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #002828 | rgb(0, 40, 40) | hsl(180, 100%, 8%) | oklch(25.1% 0.043 194.8) |
| Dark Cyan | #00584D | rgb(0, 88, 77) | hsl(173, 100%, 17%) | oklch(41.3% 0.075 180.6) |
| Teal | #1B8C6C | rgb(27, 140, 108) | hsl(163, 68%, 33%) | oklch(57.2% 0.108 168.3) |
| Muted Teal | #6CBD8A | rgb(108, 189, 138) | hsl(142, 38%, 58%) | oklch(73.3% 0.11 155) |
| Tea Green | #B9EBB3 | rgb(185, 235, 179) | hsl(114, 58%, 81%) | oklch(89.1% 0.091 142) |
Acessibilidade
Os melhores pares de texto e fundo de Atoll Haven, 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 |
|---|---|---|---|
| #B9EBB3 sobre #002828 | 11.69:1 | AAA | Lc -83.9 |
| #002828 sobre #6CBD8A | 6.96:1 | AA | Lc 55.9 |
| #B9EBB3 sobre #00584D | 6.23:1 | AA | Lc -71.8 |
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/002828-00584d-1b8c6c-6cbd8a-b9ebb3.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.