Cherry Bear

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

Zurück zur Bibliothek

Cherry Bear

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Triadisch monoramp

Likes 74

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #0D0C11;
  --c-earthy-2: #472A36;
  --c-earthy-3: #7D3B48;
  --c-earthy-4: #A35454;
  --c-earthy-5: #BC6A6A;
  --c-earthy-6: #D58A78;
  --c-earthy-7: #FBB396;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Mermaid Cheeks (#FBB396) bis zum dunkelsten Ton Midnight Oil (#0D0C11). Sie vereint Midnight Oil, Wine Tasting, Ripe Rhubarb, The Ego Has Landed, Watermelon Crush, Zanci und Mermaid Cheeks in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #0D0C11 auf #FBB396 mit 11,12: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

Midnight Oil #0D0C11

RGB: rgb(13, 12, 17)
HSL: hsl(252, 17%, 6%)
Luminanz: 0,004

Wine Tasting #472A36

RGB: rgb(71, 42, 54)
HSL: hsl(335, 26%, 22%)
Luminanz: 0,033

Ripe Rhubarb #7D3B48

RGB: rgb(125, 59, 72)
HSL: hsl(348, 36%, 36%)
Luminanz: 0,080

The Ego Has Landed #A35454

RGB: rgb(163, 84, 84)
HSL: hsl(0, 32%, 48%)
Luminanz: 0,148

Watermelon Crush #BC6A6A

RGB: rgb(188, 106, 106)
HSL: hsl(0, 38%, 58%)
Luminanz: 0,220

Zanci #D58A78

RGB: rgb(213, 138, 120)
HSL: hsl(12, 53%, 65%)
Luminanz: 0,337

Mermaid Cheeks #FBB396

RGB: rgb(251, 179, 150)
HSL: hsl(17, 93%, 79%)
Luminanz: 0,550

Kontrast & Barrierefreiheit

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

Aa #0D0C11 auf #FBB396 11,12:1 AAA

Aa #472A36 auf #FBB396 7,26:1 AAA

Aa #0D0C11 auf #D58A78 7,18:1 AAA

Aa #0D0C11 auf #BC6A6A 5,02:1 AA

Aa #472A36 auf #D58A78 4,68:1 AA

Aa #7D3B48 auf #FBB396 4,63:1 AA

Aa #0D0C11 auf #A35454 3,67:1 AA (großer Text)

Aa #472A36 auf #BC6A6A 3,27:1 AA (großer Text)

Aa #A35454 auf #FBB396 3,03:1 AA (großer Text)

Aa #7D3B48 auf #D58A78 2,99:1 Nicht bestanden

Aa #0D0C11 auf #7D3B48 2,40:1 Nicht bestanden

Aa #472A36 auf #A35454 2,39:1 Nicht bestanden

Aa #BC6A6A auf #FBB396 2,22:1 Nicht bestanden

Aa #7D3B48 auf #BC6A6A 2,09:1 Nicht bestanden

Aa #A35454 auf #D58A78 1,96:1 Nicht bestanden

Aa #472A36 auf #7D3B48 1,57:1 Nicht bestanden

Aa #D58A78 auf #FBB396 1,55:1 Nicht bestanden

Aa #0D0C11 auf #472A36 1,53:1 Nicht bestanden

Aa #7D3B48 auf #A35454 1,53:1 Nicht bestanden

Aa #BC6A6A auf #D58A78 1,43:1 Nicht bestanden

Aa #A35454 auf #BC6A6A 1,37:1 Nicht bestanden

Cherry Bear

Cherry Bear

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen