Startseite Farbpaletten If It Ain't Baroque, Don't Fix It

If It Ain't Baroque, Don't Fix It

Palette mit 10 Farben · Warm · Dunkel · Harmonie: Analog

Zurück zur Bibliothek

If It Ain't Baroque, Don't Fix It

Palette mit 10 Farben · Temperatur: Warm · Ton: Dunkel · Harmonie: Analog

Bearbeiten

Gedeckt 10 Farben Warm Dunkel Analog green orange red sepia

Likes 142

Farben 10

CSS-Variablen

:root {
  --c-muted-1: #2D0E03;
  --c-muted-2: #860210;
  --c-muted-3: #7F3A28;
  --c-muted-4: #A54E14;
  --c-muted-5: #4A3F0C;
  --c-muted-6: #6C5F17;
  --c-muted-7: #8A8E55;
  --c-muted-8: #8B805D;
  --c-muted-9: #BB9E7F;
  --c-muted-10: #EBEAB2;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Steamy Dumpling (#EBEAB2) bis zum dunkelsten Ton Root Brew (#2D0E03). Sie vereint Root Brew, Red Devil, Roycroft Copper Red, Brandy Bear, Alligator Gladiator, Greenish Brown, Crocodile Smile, Canyon Verde, Carton und Steamy Dumpling in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2D0E03 auf #EBEAB2 mit 14,41:1.

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

Farben im Detail

Root Brew #2D0E03

RGB: rgb(45, 14, 3)
HSL: hsl(16, 88%, 9%)
Luminanz: 0,009

Red Devil #860210

RGB: rgb(134, 2, 16)
HSL: hsl(354, 97%, 27%)
Luminanz: 0,052

Roycroft Copper Red #7F3A28

RGB: rgb(127, 58, 40)
HSL: hsl(12, 52%, 33%)
Luminanz: 0,077

Brandy Bear #A54E14

RGB: rgb(165, 78, 20)
HSL: hsl(24, 78%, 36%)
Luminanz: 0,135

Alligator Gladiator #4A3F0C

RGB: rgb(74, 63, 12)
HSL: hsl(49, 72%, 17%)
Luminanz: 0,050

Greenish Brown #6C5F17

RGB: rgb(108, 95, 23)
HSL: hsl(51, 65%, 26%)
Luminanz: 0,114

Crocodile Smile #8A8E55

RGB: rgb(138, 142, 85)
HSL: hsl(64, 25%, 45%)
Luminanz: 0,254

Canyon Verde #8B805D

RGB: rgb(139, 128, 93)
HSL: hsl(46, 20%, 45%)
Luminanz: 0,217

Carton #BB9E7F

RGB: rgb(187, 158, 127)
HSL: hsl(31, 31%, 62%)
Luminanz: 0,366

Steamy Dumpling #EBEAB2

RGB: rgb(235, 234, 178)
HSL: hsl(59, 59%, 81%)
Luminanz: 0,797

Kontrast & Barrierefreiheit

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

Aa #2D0E03 auf #EBEAB2 14,41:1 AAA

Aa #4A3F0C auf #EBEAB2 8,44:1 AAA

Aa #860210 auf #EBEAB2 8,35:1 AAA

Aa #2D0E03 auf #BB9E7F 7,07:1 AAA

Aa #7F3A28 auf #EBEAB2 6,68:1 AA

Aa #2D0E03 auf #8A8E55 5,17:1 AA

Aa #6C5F17 auf #EBEAB2 5,16:1 AA

Aa #A54E14 auf #EBEAB2 4,58:1 AA

Aa #2D0E03 auf #8B805D 4,54:1 AA

Aa #4A3F0C auf #BB9E7F 4,14:1 AA (großer Text)

Aa #860210 auf #BB9E7F 4,09:1 AA (großer Text)

Aa #7F3A28 auf #BB9E7F 3,27:1 AA (großer Text)

Aa #8B805D auf #EBEAB2 3,17:1 AA (großer Text)

Aa #2D0E03 auf #A54E14 3,15:1 AA (großer Text)

Aa #4A3F0C auf #8A8E55 3,03:1 AA (großer Text)

Aa #860210 auf #8A8E55 3,00:1 AA (großer Text)

Aa #2D0E03 auf #6C5F17 2,80:1 Nicht bestanden

Aa #8A8E55 auf #EBEAB2 2,79:1 Nicht bestanden

Aa #4A3F0C auf #8B805D 2,66:1 Nicht bestanden

Aa #860210 auf #8B805D 2,63:1 Nicht bestanden

Aa #6C5F17 auf #BB9E7F 2,53:1 Nicht bestanden

Aa #7F3A28 auf #8A8E55 2,40:1 Nicht bestanden

Aa #A54E14 auf #BB9E7F 2,25:1 Nicht bestanden

Aa #2D0E03 auf #7F3A28 2,16:1 Nicht bestanden

Aa #7F3A28 auf #8B805D 2,11:1 Nicht bestanden

Aa #BB9E7F auf #EBEAB2 2,04:1 Nicht bestanden

Aa #6C5F17 auf #8A8E55 1,85:1 Nicht bestanden

Aa #A54E14 auf #4A3F0C 1,84:1 Nicht bestanden

Aa #860210 auf #A54E14 1,82:1 Nicht bestanden

Aa #2D0E03 auf #860210 1,73:1 Nicht bestanden

Aa #2D0E03 auf #4A3F0C 1,71:1 Nicht bestanden

Aa #A54E14 auf #8A8E55 1,64:1 Nicht bestanden

Aa #4A3F0C auf #6C5F17 1,64:1 Nicht bestanden

Aa #6C5F17 auf #8B805D 1,63:1 Nicht bestanden

Aa #860210 auf #6C5F17 1,62:1 Nicht bestanden

Aa #8B805D auf #BB9E7F 1,56:1 Nicht bestanden

Aa #7F3A28 auf #A54E14 1,46:1 Nicht bestanden

Aa #A54E14 auf #8B805D 1,44:1 Nicht bestanden

Aa #8A8E55 auf #BB9E7F 1,37:1 Nicht bestanden

Aa #7F3A28 auf #6C5F17 1,29:1 Nicht bestanden

Aa #7F3A28 auf #4A3F0C 1,26:1 Nicht bestanden

Aa #860210 auf #7F3A28 1,25:1 Nicht bestanden

Aa #8A8E55 auf #8B805D 1,14:1 Nicht bestanden

Aa #A54E14 auf #6C5F17 1,13:1 Nicht bestanden

Aa #860210 auf #4A3F0C 1,01:1 Nicht bestanden

If It Ain't Baroque, Don't Fix It