Pot Wall Farbpalette

Pot Wall ist eine Palette aus 6 Farben, die auf Neutraltöne, Grüntöne, Rottöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 24 % (#201F18, sehr dunkel) bis 90 % (#EFD9C0, hell), und die gesättigtste Farbe, #A4543A, ist mäßig gesättigt. 4 ihrer 5 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit erdig, warm, orange, gedämpft und ruhig.

ErdigWarmOrangeGedämpftRuhig

Farbcodes

FarbeHEXRGBHSLOKLCH
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)

Barrierefreiheit

Die besten Text-Hintergrund-Paare in Pot Wall, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.

PaarWCAG 2StufeAPCA Lc
#EFD9C0 auf #201F18 12.09:1 AAA Lc -83.6
#201F18 auf #D6AC8E 7.99:1 AAA Lc 61.0
#201F18 auf #C97B5A 5.09:1 AA Lc 42.0

Farbsehen

1 Farbpaar kommt in mindestens einer Simulation auf ΔE 0.06 aneinander heran.

  • Protanopie

  • Deuteranopie

  • Tritanopie

  • Achromatopsie

Im Code verwenden

Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/201f18-5e6f55-a4543a-c97b5a-d6ac8e-efd9c0.json.

Mach sie zu deiner

Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.

Im Generator öffnen Farbsystem erstellen Visualisieren

Farbverläufe aus diesen Farben