Warm Space

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Warm Space

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär

Likes 19

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #FEF5E4;
  --c-earthy-2: #E0D8CD;
  --c-earthy-3: #C2BCA4;
  --c-earthy-4: #B0A6A7;
  --c-earthy-5: #939C9B;
  --c-earthy-6: #687178;
  --c-earthy-7: #2C4D5E;
  --c-earthy-8: #193334;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Silky Tofu (#FEF5E4) bis zum dunkelsten Ton Dark Pine Green (#193334). Sie vereint Silky Tofu, Taupe Tease, Castle Wall, Smoky Mountain, Stone Fence, Backwater, Deep Ocean und Dark Pine Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FEF5E4 auf #193334 mit 12,4: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

Silky Tofu #FEF5E4

RGB: rgb(254, 245, 228)
HSL: hsl(39, 93%, 95%)
Luminanz: 0,920

Taupe Tease #E0D8CD

RGB: rgb(224, 216, 205)
HSL: hsl(35, 23%, 84%)
Luminanz: 0,694

Castle Wall #C2BCA4

RGB: rgb(194, 188, 164)
HSL: hsl(48, 20%, 70%)
Luminanz: 0,501

Smoky Mountain #B0A6A7

RGB: rgb(176, 166, 167)
HSL: hsl(354, 6%, 67%)
Luminanz: 0,393

Stone Fence #939C9B

RGB: rgb(147, 156, 155)
HSL: hsl(173, 4%, 59%)
Luminanz: 0,324

Backwater #687178

RGB: rgb(104, 113, 120)
HSL: hsl(206, 7%, 44%)
Luminanz: 0,161

Deep Ocean #2C4D5E

RGB: rgb(44, 77, 94)
HSL: hsl(200, 36%, 27%)
Luminanz: 0,067

Dark Pine Green #193334

RGB: rgb(25, 51, 52)
HSL: hsl(182, 35%, 15%)
Luminanz: 0,028

Kontrast & Barrierefreiheit

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

Aa #FEF5E4 auf #193334 12,40:1 AAA

Aa #E0D8CD auf #193334 9,51:1 AAA

Aa #FEF5E4 auf #2C4D5E 8,32:1 AAA

Aa #C2BCA4 auf #193334 7,05:1 AAA

Aa #E0D8CD auf #2C4D5E 6,38:1 AA

Aa #B0A6A7 auf #193334 5,66:1 AA

Aa #939C9B auf #193334 4,77:1 AA

Aa #C2BCA4 auf #2C4D5E 4,73:1 AA

Aa #FEF5E4 auf #687178 4,59:1 AA

Aa #B0A6A7 auf #2C4D5E 3,80:1 AA (großer Text)

Aa #E0D8CD auf #687178 3,52:1 AA (großer Text)

Aa #939C9B auf #2C4D5E 3,21:1 AA (großer Text)

Aa #687178 auf #193334 2,70:1 Nicht bestanden

Aa #C2BCA4 auf #687178 2,61:1 Nicht bestanden

Aa #FEF5E4 auf #939C9B 2,60:1 Nicht bestanden

Aa #FEF5E4 auf #B0A6A7 2,19:1 Nicht bestanden

Aa #B0A6A7 auf #687178 2,10:1 Nicht bestanden

Aa #E0D8CD auf #939C9B 1,99:1 Nicht bestanden

Aa #687178 auf #2C4D5E 1,81:1 Nicht bestanden

Aa #939C9B auf #687178 1,77:1 Nicht bestanden

Aa #FEF5E4 auf #C2BCA4 1,76:1 Nicht bestanden

Aa #E0D8CD auf #B0A6A7 1,68:1 Nicht bestanden

Aa #2C4D5E auf #193334 1,49:1 Nicht bestanden

Aa #C2BCA4 auf #939C9B 1,48:1 Nicht bestanden

Aa #E0D8CD auf #C2BCA4 1,35:1 Nicht bestanden

Aa #FEF5E4 auf #E0D8CD 1,30:1 Nicht bestanden

Aa #C2BCA4 auf #B0A6A7 1,24:1 Nicht bestanden

Aa #B0A6A7 auf #939C9B 1,19:1 Nicht bestanden

Warm Space

Warm Space

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen