Palette de couleurs Pot Wall
Pot Wall est une palette de 6 couleurs qui puise dans les neutres, verts, rouges et oranges. En OKLCH, sa luminosité va de 24 % (#201F18, très foncé) à 90 % (#EFD9C0, clair), et sa couleur la plus saturée, #A4543A, est moyennement saturé. 4 de ses 5 couleurs chromatiques se situent du côté chaud du cercle chromatique. 3 de ses 15 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : terreuses, chaudes, oranges, sourdes et apaisantes.
- Jet #201F18
- Dark Moss Green #5E6F55
- Sinopia #A4543A
- Burnt Sienna #C97B5A
- Earth Yellow #D6AC8E
- Lemon Meringue #EFD9C0
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #201F18 | rgb(32, 31, 24) | hsl(53, 14%, 11%) | oklch(23.8% 0.013 100.6) |
| Dark Moss Green | #5E6F55 | rgb(94, 111, 85) | hsl(99, 13%, 38%) | oklch(52% 0.045 134.9) |
| Sinopia | #A4543A | rgb(164, 84, 58) | hsl(15, 48%, 44%) | oklch(53.7% 0.113 38.6) |
| Burnt Sienna | #C97B5A | rgb(201, 123, 90) | hsl(18, 51%, 57%) | oklch(65.9% 0.108 43.4) |
| Earth Yellow | #D6AC8E | rgb(214, 172, 142) | hsl(25, 47%, 70%) | oklch(77.5% 0.064 57.1) |
| Lemon Meringue | #EFD9C0 | rgb(239, 217, 192) | hsl(32, 59%, 85%) | oklch(89.7% 0.041 70.8) |
Accessibilité
Les meilleures paires texte et fond de Pot Wall, 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 |
|---|---|---|---|
| #EFD9C0 sur #201F18 | 12.09:1 | AAA | Lc -83.6 |
| #201F18 sur #D6AC8E | 7.99:1 | AAA | Lc 61.0 |
| #201F18 sur #C97B5A | 5.09:1 | AA | Lc 42.0 |
Vision des couleurs
1 paire de couleurs se rapproche à moins de ΔE 0.06 l’une de l’autre dans au moins une simulation.
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/201f18-5e6f55-a4543a-c97b5a-d6ac8e-efd9c0.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.