Sage and Rainfall Farbpalette

Sage and Rainfall ist eine Palette aus 6 Farben, die auf Rottöne, Brauntöne, Grüntöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 35 % (#562D2D, dunkel) bis 97 % (#F6F5DF, sehr hell), und die gesättigtste Farbe, #7B543F, ist gedämpft. 3 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 ruhig, gedämpft, braun, warm und erdig.

RuhigGedämpftBraunWarmErdig

Farbcodes

FarbeHEXRGBHSLOKLCH
Onyx #562D2D rgb(86, 45, 45) hsl(0, 31%, 26%) oklch(35% 0.06 20.6)
Dark Moss Green #7B543F rgb(123, 84, 63) hsl(21, 32%, 36%) oklch(48.3% 0.061 49.1)
Gray #5D8770 rgb(93, 135, 112) hsl(147, 18%, 45%) oklch(58.6% 0.059 159.9)
Pewter #98A58D rgb(152, 165, 141) hsl(93, 12%, 60%) oklch(70.5% 0.037 130.6)
Pale Oak #D7C3A7 rgb(215, 195, 167) hsl(35, 38%, 75%) oklch(82.7% 0.044 76.3)
Cornsilk #F6F5DF rgb(246, 245, 223) hsl(57, 56%, 92%) oklch(96.5% 0.029 104.8)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#F6F5DF auf #562D2D 10.53:1 AAA Lc -92.7
#D7C3A7 auf #562D2D 6.77:1 AA Lc -64.2
#F6F5DF auf #7B543F 5.99:1 AA Lc -80.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/562d2d-7b543f-5d8770-98a58d-d7c3a7-f6f5df.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