Sin

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

Zurück zur Bibliothek

Sin

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär still life

Likes 173

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #7BDCE4;
  --c-earthy-2: #DABE7B;
  --c-earthy-3: #FF8E65;
  --c-earthy-4: #CD7A3F;
  --c-earthy-5: #815934;
  --c-earthy-6: #CD5C5C;
  --c-earthy-7: #883434;
  --c-earthy-8: #551B1B;
  --c-earthy-9: #402715;
  --c-earthy-10: #32122D;
  --c-earthy-11: #202215;
  --c-earthy-12: #0A1C19;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Deep Aquamarine (#7BDCE4) bis zum dunkelsten Ton Black Stallion (#0A1C19). Sie vereint Deep Aquamarine, Jojoba, Pink Orange, Turmeric Red, Football, Common Chestnut, Planet of the Apes, Spinel Red, Night Brown, Cultist Robe, Black Mesa und Black Stallion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 20 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #7BDCE4 auf #0A1C19 mit 11,06: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

Deep Aquamarine #7BDCE4

RGB: rgb(123, 220, 228)
HSL: hsl(185, 66%, 69%)
Luminanz: 0,610

Jojoba #DABE7B

RGB: rgb(218, 190, 123)
HSL: hsl(42, 56%, 67%)
Luminanz: 0,532

Pink Orange #FF8E65

RGB: rgb(255, 142, 101)
HSL: hsl(16, 100%, 70%)
Luminanz: 0,416

Turmeric Red #CD7A3F

RGB: rgb(205, 122, 63)
HSL: hsl(25, 59%, 53%)
Luminanz: 0,273

Football #815934

RGB: rgb(129, 89, 52)
HSL: hsl(29, 43%, 35%)
Luminanz: 0,121

Common Chestnut #CD5C5C

RGB: rgb(205, 92, 92)
HSL: hsl(0, 53%, 58%)
Luminanz: 0,214

Planet of the Apes #883434

RGB: rgb(136, 52, 52)
HSL: hsl(0, 45%, 37%)
Luminanz: 0,079

Spinel Red #551B1B

RGB: rgb(85, 27, 27)
HSL: hsl(0, 52%, 22%)
Luminanz: 0,028

Night Brown #402715

RGB: rgb(64, 39, 21)
HSL: hsl(25, 51%, 17%)
Luminanz: 0,026

Cultist Robe #32122D

RGB: rgb(50, 18, 45)
HSL: hsl(309, 47%, 13%)
Luminanz: 0,013

Black Mesa #202215

RGB: rgb(32, 34, 21)
HSL: hsl(69, 24%, 11%)
Luminanz: 0,015

Black Stallion #0A1C19

RGB: rgb(10, 28, 25)
HSL: hsl(170, 47%, 7%)
Luminanz: 0,010

Kontrast & Barrierefreiheit

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

Aa #7BDCE4 auf #0A1C19 11,06:1 AAA

Aa #7BDCE4 auf #32122D 10,48:1 AAA

Aa #7BDCE4 auf #202215 10,15:1 AAA

Aa #DABE7B auf #0A1C19 9,75:1 AAA

Aa #DABE7B auf #32122D 9,23:1 AAA

Aa #DABE7B auf #202215 8,94:1 AAA

Aa #7BDCE4 auf #402715 8,69:1 AAA

Aa #7BDCE4 auf #551B1B 8,47:1 AAA

Aa #FF8E65 auf #0A1C19 7,80:1 AAA

Aa #DABE7B auf #402715 7,66:1 AAA

Aa #DABE7B auf #551B1B 7,46:1 AAA

Aa #FF8E65 auf #32122D 7,39:1 AAA

Aa #FF8E65 auf #202215 7,16:1 AAA

Aa #FF8E65 auf #402715 6,13:1 AA

Aa #FF8E65 auf #551B1B 5,97:1 AA

Aa #CD7A3F auf #0A1C19 5,41:1 AA

Aa #CD7A3F auf #32122D 5,12:1 AA

Aa #7BDCE4 auf #883434 5,10:1 AA

Aa #CD7A3F auf #202215 4,96:1 AA

Aa #DABE7B auf #883434 4,50:1 AA

Aa #CD5C5C auf #0A1C19 4,43:1 AA (großer Text)

Aa #CD7A3F auf #402715 4,25:1 AA (großer Text)

Aa #CD5C5C auf #32122D 4,19:1 AA (großer Text)

Aa #CD7A3F auf #551B1B 4,14:1 AA (großer Text)

Aa #CD5C5C auf #202215 4,06:1 AA (großer Text)

Aa #7BDCE4 auf #815934 3,87:1 AA (großer Text)

Aa #FF8E65 auf #883434 3,60:1 AA (großer Text)

Aa #CD5C5C auf #402715 3,48:1 AA (großer Text)

Aa #DABE7B auf #815934 3,41:1 AA (großer Text)

Aa #CD5C5C auf #551B1B 3,39:1 AA (großer Text)

Aa #815934 auf #0A1C19 2,86:1 Nicht bestanden

Aa #FF8E65 auf #815934 2,73:1 Nicht bestanden

Aa #815934 auf #32122D 2,71:1 Nicht bestanden

Aa #815934 auf #202215 2,62:1 Nicht bestanden

Aa #7BDCE4 auf #CD5C5C 2,50:1 Nicht bestanden

Aa #CD7A3F auf #883434 2,49:1 Nicht bestanden

Aa #815934 auf #402715 2,25:1 Nicht bestanden

Aa #DABE7B auf #CD5C5C 2,20:1 Nicht bestanden

Aa #815934 auf #551B1B 2,19:1 Nicht bestanden

Aa #883434 auf #0A1C19 2,17:1 Nicht bestanden

Aa #7BDCE4 auf #CD7A3F 2,05:1 Nicht bestanden

Aa #883434 auf #32122D 2,05:1 Nicht bestanden

Aa #CD5C5C auf #883434 2,04:1 Nicht bestanden

Aa #883434 auf #202215 1,99:1 Nicht bestanden

Aa #CD7A3F auf #815934 1,89:1 Nicht bestanden

Aa #DABE7B auf #CD7A3F 1,80:1 Nicht bestanden

Aa #FF8E65 auf #CD5C5C 1,76:1 Nicht bestanden

Aa #883434 auf #402715 1,70:1 Nicht bestanden

Aa #883434 auf #551B1B 1,66:1 Nicht bestanden

Aa #815934 auf #CD5C5C 1,55:1 Nicht bestanden

Aa #FF8E65 auf #CD7A3F 1,44:1 Nicht bestanden

Aa #7BDCE4 auf #FF8E65 1,42:1 Nicht bestanden

Aa #815934 auf #883434 1,32:1 Nicht bestanden

Aa #551B1B auf #0A1C19 1,31:1 Nicht bestanden

Aa #402715 auf #0A1C19 1,27:1 Nicht bestanden

Aa #DABE7B auf #FF8E65 1,25:1 Nicht bestanden

Aa #551B1B auf #32122D 1,24:1 Nicht bestanden

Aa #CD7A3F auf #CD5C5C 1,22:1 Nicht bestanden

Aa #402715 auf #32122D 1,21:1 Nicht bestanden

Aa #551B1B auf #202215 1,20:1 Nicht bestanden

Aa #402715 auf #202215 1,17:1 Nicht bestanden

Aa #7BDCE4 auf #DABE7B 1,13:1 Nicht bestanden

Aa #202215 auf #0A1C19 1,09:1 Nicht bestanden

Aa #32122D auf #0A1C19 1,06:1 Nicht bestanden

Aa #551B1B auf #402715 1,03:1 Nicht bestanden

Aa #32122D auf #202215 1,03:1 Nicht bestanden

Sin

Sin

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen