Palette de couleurs Dew and Sprout
Dew and Sprout est une palette de 6 couleurs qui puise dans les verts, violets, roses et neutres. En OKLCH, sa luminosité va de 25 % (#0A2914, foncé) à 95 % (#E4F3E7, très clair), et sa couleur la plus saturée, #478257, est moyennement saturé. 1 de ses 5 couleurs chromatiques se situe du côté chaud du cercle chromatique. 5 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : printemps, vertes, violettes et sourdes.
- Jet #0A2914
- Onyx #51394E
- Dark Moss Green #478257
- Cool Gray #A194D0
- Cherry Blossom Pink #E9B4BC
- Anti-Flash White #E4F3E7
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #0A2914 | rgb(10, 41, 20) | hsl(139, 61%, 10%) | oklch(25.1% 0.054 151.1) |
| Onyx | #51394E | rgb(81, 57, 78) | hsl(308, 17%, 27%) | oklch(38% 0.047 330.8) |
| Dark Moss Green | #478257 | rgb(71, 130, 87) | hsl(136, 29%, 39%) | oklch(55.4% 0.091 151.2) |
| Cool Gray | #A194D0 | rgb(161, 148, 208) | hsl(253, 39%, 70%) | oklch(70% 0.088 294) |
| Cherry Blossom Pink | #E9B4BC | rgb(233, 180, 188) | hsl(351, 55%, 81%) | oklch(82% 0.062 8.4) |
| Anti-Flash White | #E4F3E7 | rgb(228, 243, 231) | hsl(132, 38%, 92%) | oklch(95% 0.022 151.6) |
Accessibilité
Les meilleures paires texte et fond de Dew and Sprout, 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 |
|---|---|---|---|
| #E4F3E7 sur #0A2914 | 13.63:1 | AAA | Lc -94.7 |
| #E4F3E7 sur #51394E | 8.93:1 | AAA | Lc -87.4 |
| #0A2914 sur #E9B4BC | 8.74:1 | AAA | Lc 67.2 |
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.
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/0a2914-51394e-478257-a194d0-e9b4bc-e4f3e7.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.