GreedPit

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

Zurück zur Bibliothek

GreedPit

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Triadisch green steampunk gold 6color

Likes 83

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #263B28;
  --c-earthy-2: #2D452F;
  --c-earthy-3: #525236;
  --c-earthy-4: #8A6800;
  --c-earthy-5: #C48931;
  --c-earthy-6: #CCB4AF;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Plymouth Notch (#CCB4AF) bis zum dunkelsten Ton Palm Green (#263B28). Sie vereint Palm Green, Mushiao Green, Amazon Depths, Alligator, Butter Base und Plymouth Notch in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #263B28 auf #CCB4AF mit 6,16: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

Palm Green #263B28

RGB: rgb(38, 59, 40)
HSL: hsl(126, 22%, 19%)
Luminanz: 0,037

Mushiao Green #2D452F

RGB: rgb(45, 69, 47)
HSL: hsl(125, 21%, 22%)
Luminanz: 0,050

Amazon Depths #525236

RGB: rgb(82, 82, 54)
HSL: hsl(60, 21%, 27%)
Luminanz: 0,081

Alligator #8A6800

RGB: rgb(138, 104, 0)
HSL: hsl(45, 100%, 27%)
Luminanz: 0,153

Butter Base #C48931

RGB: rgb(196, 137, 49)
HSL: hsl(36, 60%, 48%)
Luminanz: 0,299

Plymouth Notch #CCB4AF

RGB: rgb(204, 180, 175)
HSL: hsl(10, 22%, 74%)
Luminanz: 0,486

Kontrast & Barrierefreiheit

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

Aa #263B28 auf #CCB4AF 6,16:1 AA

Aa #2D452F auf #CCB4AF 5,35:1 AA

Aa #525236 auf #CCB4AF 4,09:1 AA (großer Text)

Aa #263B28 auf #C48931 4,01:1 AA (großer Text)

Aa #2D452F auf #C48931 3,48:1 AA (großer Text)

Aa #525236 auf #C48931 2,66:1 Nicht bestanden

Aa #8A6800 auf #CCB4AF 2,64:1 Nicht bestanden

Aa #263B28 auf #8A6800 2,34:1 Nicht bestanden

Aa #2D452F auf #8A6800 2,03:1 Nicht bestanden

Aa #8A6800 auf #C48931 1,72:1 Nicht bestanden

Aa #525236 auf #8A6800 1,55:1 Nicht bestanden

Aa #C48931 auf #CCB4AF 1,54:1 Nicht bestanden

Aa #263B28 auf #525236 1,51:1 Nicht bestanden

Aa #2D452F auf #525236 1,31:1 Nicht bestanden

Aa #263B28 auf #2D452F 1,15:1 Nicht bestanden

GreedPit

GreedPit

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen