Palette de couleurs Atoll Haven
Atoll Haven est une palette de 5 couleurs qui puise dans les turquoises et cyans et verts. En OKLCH, sa luminosité va de 25 % (#002828, foncé) à 89 % (#B9EBB3, clair), et sa couleur la plus saturée, #6CBD8A, est moyennement saturé. 2 de ses 5 couleurs chromatiques se situent du côté froid du cercle chromatique. 3 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : océan, apaisantes, dégradé, vertes et adaptées au daltonisme.
- Jet #002828
- Dark Cyan #00584D
- Teal #1B8C6C
- Muted Teal #6CBD8A
- Tea Green #B9EBB3
Codes couleur
| Couleur | 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) |
Accessibilité
Les meilleures paires texte et fond de Atoll Haven, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.
| Paire | WCAG 2 | Niveau | APCA Lc |
|---|---|---|---|
| #B9EBB3 sur #002828 | 11.69:1 | AAA | Lc -83.9 |
| #002828 sur #6CBD8A | 6.96:1 | AA | Lc 55.9 |
| #B9EBB3 sur #00584D | 6.23:1 | AA | Lc -71.8 |
Vision des couleurs
Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
À utiliser dans votre code
Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/002828-00584d-1b8c6c-6cbd8a-b9ebb3.json.
Faites-la vôtre
Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.