Dew and Sprout Farbpalette

Dew and Sprout ist eine Palette aus 6 Farben, die auf Grüntöne, Violetttöne, Rosatöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 25 % (#0A2914, dunkel) bis 95 % (#E4F3E7, sehr hell), und die gesättigtste Farbe, #478257, ist mäßig gesättigt. 1 ihrer 5 chromatischen Farben liegt auf der warmen Seite des Farbkreises. 5 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit frühling, grün, violett und gedämpft.

FrühlingGrünViolettGedämpft

Farbcodes

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

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#E4F3E7 auf #0A2914 13.63:1 AAA Lc -94.7
#E4F3E7 auf #51394E 8.93:1 AAA Lc -87.4
#0A2914 auf #E9B4BC 8.74:1 AAA Lc 67.2

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe 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/0a2914-51394e-478257-a194d0-e9b4bc-e4f3e7.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