Warmy Spring

Palette mit 9 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Warmy Spring

Palette mit 9 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 9 Farben Warm Gemischt Triadisch green orange warm

Likes 86

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #AA5E3E;
  --c-earthy-2: #D99951;
  --c-earthy-3: #DBB66C;
  --c-earthy-4: #9F8236;
  --c-earthy-5: #636D56;
  --c-earthy-6: #ABB07F;
  --c-earthy-7: #65946D;
  --c-earthy-8: #BAC25F;
  --c-earthy-9: #173F37;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Wild Willow (#BAC25F) bis zum dunkelsten Ton Botanical Night (#173F37). Sie vereint Pretty Parasol, Poseidon’s Gold, Yellow Lab, Cloisonné Gold, Sea Fern, Stuffed Olive, Turtle Creek, Wild Willow und Botanical Night in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #BAC25F auf #173F37 mit 6,09:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Pretty Parasol #AA5E3E

RGB: rgb(170, 94, 62)
HSL: hsl(18, 47%, 45%)
Luminanz: 0,169

Poseidon’s Gold #D99951

RGB: rgb(217, 153, 81)
HSL: hsl(32, 64%, 58%)
Luminanz: 0,381

Yellow Lab #DBB66C

RGB: rgb(219, 182, 108)
HSL: hsl(40, 61%, 64%)
Luminanz: 0,496

Cloisonné Gold #9F8236

RGB: rgb(159, 130, 54)
HSL: hsl(43, 49%, 42%)
Luminanz: 0,236

Sea Fern #636D56

RGB: rgb(99, 109, 86)
HSL: hsl(86, 12%, 38%)
Luminanz: 0,143

Stuffed Olive #ABB07F

RGB: rgb(171, 176, 127)
HSL: hsl(66, 24%, 59%)
Luminanz: 0,412

Turtle Creek #65946D

RGB: rgb(101, 148, 109)
HSL: hsl(130, 19%, 49%)
Luminanz: 0,251

Wild Willow #BAC25F

RGB: rgb(186, 194, 95)
HSL: hsl(65, 45%, 57%)
Luminanz: 0,499

Botanical Night #173F37

RGB: rgb(23, 63, 55)
HSL: hsl(168, 47%, 17%)
Luminanz: 0,040

Kontrast & Barrierefreiheit

4 von 36 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #BAC25F auf #173F37 6,09:1 AA

Aa #DBB66C auf #173F37 6,06:1 AA

Aa #ABB07F auf #173F37 5,13:1 AA

Aa #D99951 auf #173F37 4,79:1 AA

Aa #65946D auf #173F37 3,33:1 AA (großer Text)

Aa #9F8236 auf #173F37 3,17:1 AA (großer Text)

Aa #636D56 auf #BAC25F 2,85:1 Nicht bestanden

Aa #DBB66C auf #636D56 2,83:1 Nicht bestanden

Aa #AA5E3E auf #BAC25F 2,50:1 Nicht bestanden

Aa #AA5E3E auf #DBB66C 2,49:1 Nicht bestanden

Aa #AA5E3E auf #173F37 2,43:1 Nicht bestanden

Aa #636D56 auf #ABB07F 2,40:1 Nicht bestanden

Aa #D99951 auf #636D56 2,24:1 Nicht bestanden

Aa #636D56 auf #173F37 2,14:1 Nicht bestanden

Aa #AA5E3E auf #ABB07F 2,11:1 Nicht bestanden

Aa #AA5E3E auf #D99951 1,97:1 Nicht bestanden

Aa #9F8236 auf #BAC25F 1,92:1 Nicht bestanden

Aa #DBB66C auf #9F8236 1,91:1 Nicht bestanden

Aa #65946D auf #BAC25F 1,83:1 Nicht bestanden

Aa #DBB66C auf #65946D 1,82:1 Nicht bestanden

Aa #9F8236 auf #ABB07F 1,62:1 Nicht bestanden

Aa #636D56 auf #65946D 1,56:1 Nicht bestanden

Aa #ABB07F auf #65946D 1,54:1 Nicht bestanden

Aa #D99951 auf #9F8236 1,51:1 Nicht bestanden

Aa #9F8236 auf #636D56 1,48:1 Nicht bestanden

Aa #D99951 auf #65946D 1,44:1 Nicht bestanden

Aa #AA5E3E auf #65946D 1,37:1 Nicht bestanden

Aa #AA5E3E auf #9F8236 1,31:1 Nicht bestanden

Aa #D99951 auf #DBB66C 1,27:1 Nicht bestanden

Aa #D99951 auf #BAC25F 1,27:1 Nicht bestanden

Aa #ABB07F auf #BAC25F 1,19:1 Nicht bestanden

Aa #DBB66C auf #ABB07F 1,18:1 Nicht bestanden

Aa #AA5E3E auf #636D56 1,14:1 Nicht bestanden

Aa #D99951 auf #ABB07F 1,07:1 Nicht bestanden

Aa #9F8236 auf #65946D 1,05:1 Nicht bestanden

Aa #DBB66C auf #BAC25F 1,00:1 Nicht bestanden

Warmy Spring

Warmy Spring

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen