CHOCOMILK 8

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

Zurück zur Bibliothek

CHOCOMILK 8

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

Bearbeiten

Gedeckt 8 Farben Warm Gemischt Triadisch brown chocolate milk

Likes 260

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #D6F5E4;
  --c-muted-2: #F7FFC5;
  --c-muted-3: #B4C788;
  --c-muted-4: #8A8969;
  --c-muted-5: #8B6A44;
  --c-muted-6: #62554C;
  --c-muted-7: #463C3C;
  --c-muted-8: #312629;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Bright Ecru (#F7FFC5) bis zum dunkelsten Ton Smoky Charcoal (#312629). Sie vereint Teal Treat, Bright Ecru, Marsh Fern, Bitter, Barrel Aged, Ground Coffee, Humpback Whale und Smoky Charcoal 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 #F7FFC5 auf #312629 mit 13,94:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Teal Treat #D6F5E4

RGB: rgb(214, 245, 228)
HSL: hsl(147, 61%, 90%)
Luminanz: 0,852

Bright Ecru #F7FFC5

RGB: rgb(247, 255, 197)
HSL: hsl(68, 100%, 89%)
Luminanz: 0,953

Marsh Fern #B4C788

RGB: rgb(180, 199, 136)
HSL: hsl(78, 36%, 66%)
Luminanz: 0,523

Bitter #8A8969

RGB: rgb(138, 137, 105)
HSL: hsl(58, 14%, 48%)
Luminanz: 0,243

Barrel Aged #8B6A44

RGB: rgb(139, 106, 68)
HSL: hsl(32, 34%, 41%)
Luminanz: 0,162

Ground Coffee #62554C

RGB: rgb(98, 85, 76)
HSL: hsl(25, 13%, 34%)
Luminanz: 0,096

Humpback Whale #463C3C

RGB: rgb(70, 60, 60)
HSL: hsl(0, 8%, 25%)
Luminanz: 0,049

Smoky Charcoal #312629

RGB: rgb(49, 38, 41)
HSL: hsl(344, 13%, 17%)
Luminanz: 0,022

Kontrast & Barrierefreiheit

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

Aa #F7FFC5 auf #312629 13,94:1 AAA

Aa #D6F5E4 auf #312629 12,53:1 AAA

Aa #F7FFC5 auf #463C3C 10,17:1 AAA

Aa #D6F5E4 auf #463C3C 9,15:1 AAA

Aa #B4C788 auf #312629 7,96:1 AAA

Aa #F7FFC5 auf #62554C 6,86:1 AA

Aa #D6F5E4 auf #62554C 6,17:1 AA

Aa #B4C788 auf #463C3C 5,81:1 AA

Aa #F7FFC5 auf #8B6A44 4,73:1 AA

Aa #D6F5E4 auf #8B6A44 4,25:1 AA (großer Text)

Aa #8A8969 auf #312629 4,07:1 AA (großer Text)

Aa #B4C788 auf #62554C 3,92:1 AA (großer Text)

Aa #F7FFC5 auf #8A8969 3,42:1 AA (großer Text)

Aa #D6F5E4 auf #8A8969 3,08:1 AA (großer Text)

Aa #8A8969 auf #463C3C 2,97:1 Nicht bestanden

Aa #8B6A44 auf #312629 2,95:1 Nicht bestanden

Aa #B4C788 auf #8B6A44 2,70:1 Nicht bestanden

Aa #8B6A44 auf #463C3C 2,15:1 Nicht bestanden

Aa #62554C auf #312629 2,03:1 Nicht bestanden

Aa #8A8969 auf #62554C 2,01:1 Nicht bestanden

Aa #B4C788 auf #8A8969 1,96:1 Nicht bestanden

Aa #F7FFC5 auf #B4C788 1,75:1 Nicht bestanden

Aa #D6F5E4 auf #B4C788 1,57:1 Nicht bestanden

Aa #62554C auf #463C3C 1,48:1 Nicht bestanden

Aa #8B6A44 auf #62554C 1,45:1 Nicht bestanden

Aa #8A8969 auf #8B6A44 1,38:1 Nicht bestanden

Aa #463C3C auf #312629 1,37:1 Nicht bestanden

Aa #D6F5E4 auf #F7FFC5 1,11:1 Nicht bestanden

CHOCOMILK 8

CHOCOMILK 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen