Berry Nebula

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Berry Nebula

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 8 Farben Kühl Gemischt Triadisch blue purple lostinindigo violet

Likes 1.208

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #6CEDED;
  --c-earthy-2: #6CB9C9;
  --c-earthy-3: #6D85A5;
  --c-earthy-4: #6E5181;
  --c-earthy-5: #6F1D5C;
  --c-earthy-6: #4F1446;
  --c-earthy-7: #2E0A30;
  --c-earthy-8: #0D001A;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Poseidon Jr. (#6CEDED) bis zum dunkelsten Ton Midnight Jam (#0D001A). Sie vereint Poseidon Jr., Azul Turquesa, Berwick Berry, Gutsy Grape, Forest Fruit Red, Violet Carmine, Dark Prom Queen und Midnight Jam in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #6CEDED auf #0D001A mit 14,51: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

Poseidon Jr. #6CEDED

RGB: rgb(108, 237, 237)
HSL: hsl(180, 78%, 68%)
Luminanz: 0,699

Azul Turquesa #6CB9C9

RGB: rgb(108, 185, 201)
HSL: hsl(190, 46%, 61%)
Luminanz: 0,421

Berwick Berry #6D85A5

RGB: rgb(109, 133, 165)
HSL: hsl(214, 24%, 54%)
Luminanz: 0,227

Gutsy Grape #6E5181

RGB: rgb(110, 81, 129)
HSL: hsl(276, 23%, 41%)
Luminanz: 0,108

Forest Fruit Red #6F1D5C

RGB: rgb(111, 29, 92)
HSL: hsl(314, 59%, 27%)
Luminanz: 0,050

Violet Carmine #4F1446

RGB: rgb(79, 20, 70)
HSL: hsl(309, 60%, 19%)
Luminanz: 0,026

Dark Prom Queen #2E0A30

RGB: rgb(46, 10, 48)
HSL: hsl(297, 66%, 11%)
Luminanz: 0,010

Midnight Jam #0D001A

RGB: rgb(13, 0, 26)
HSL: hsl(270, 100%, 5%)
Luminanz: 0,002

Kontrast & Barrierefreiheit

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

Aa #6CEDED auf #0D001A 14,51:1 AAA

Aa #6CEDED auf #2E0A30 12,45:1 AAA

Aa #6CEDED auf #4F1446 9,85:1 AAA

Aa #6CB9C9 auf #0D001A 9,13:1 AAA

Aa #6CB9C9 auf #2E0A30 7,84:1 AAA

Aa #6CEDED auf #6F1D5C 7,46:1 AAA

Aa #6CB9C9 auf #4F1446 6,19:1 AA

Aa #6D85A5 auf #0D001A 5,38:1 AA

Aa #6CEDED auf #6E5181 4,74:1 AA

Aa #6CB9C9 auf #6F1D5C 4,70:1 AA

Aa #6D85A5 auf #2E0A30 4,62:1 AA

Aa #6D85A5 auf #4F1446 3,65:1 AA (großer Text)

Aa #6E5181 auf #0D001A 3,06:1 AA (großer Text)

Aa #6CB9C9 auf #6E5181 2,98:1 Nicht bestanden

Aa #6D85A5 auf #6F1D5C 2,77:1 Nicht bestanden

Aa #6CEDED auf #6D85A5 2,70:1 Nicht bestanden

Aa #6E5181 auf #2E0A30 2,63:1 Nicht bestanden

Aa #6E5181 auf #4F1446 2,08:1 Nicht bestanden

Aa #6F1D5C auf #0D001A 1,94:1 Nicht bestanden

Aa #6D85A5 auf #6E5181 1,76:1 Nicht bestanden

Aa #6CB9C9 auf #6D85A5 1,70:1 Nicht bestanden

Aa #6F1D5C auf #2E0A30 1,67:1 Nicht bestanden

Aa #6CEDED auf #6CB9C9 1,59:1 Nicht bestanden

Aa #6E5181 auf #6F1D5C 1,57:1 Nicht bestanden

Aa #4F1446 auf #0D001A 1,47:1 Nicht bestanden

Aa #6F1D5C auf #4F1446 1,32:1 Nicht bestanden

Aa #4F1446 auf #2E0A30 1,27:1 Nicht bestanden

Aa #2E0A30 auf #0D001A 1,16:1 Nicht bestanden

Berry Nebula

Berry Nebula

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen