Registrieren Registrieren
Steampunk Fire

Steampunk Fire

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

Zurück zur Bibliothek

Steampunk Fire

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

Bearbeiten
Erdig 7 Farben Warm Gemischt Monochrom fire steampunk muted
Likes 23
Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #953A1B;
  --c-earthy-2: #B8583B;
  --c-earthy-3: #A9A499;
  --c-earthy-4: #9F988D;
  --c-earthy-5: #594A44;
  --c-earthy-6: #30292B;
  --c-earthy-7: #231E22;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Functional Grey (#A9A499) bis zum dunkelsten Ton Abaddon Black (#231E22). Sie vereint Spill the Beans, Overcast Brick, Functional Grey, London Fog, Bear Rug, Livid Brown und Abaddon Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #A9A499 auf #231E22 mit 6,61: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

Spill the Beans #953A1B
RGB
rgb(149, 58, 27)
HSL
hsl(15, 69%, 35%)
Luminanz
0,095
Overcast Brick #B8583B
RGB
rgb(184, 88, 59)
HSL
hsl(14, 51%, 48%)
Luminanz
0,175
Functional Grey #A9A499
RGB
rgb(169, 164, 153)
HSL
hsl(41, 9%, 63%)
Luminanz
0,373
London Fog #9F988D
RGB
rgb(159, 152, 141)
HSL
hsl(37, 9%, 59%)
Luminanz
0,318
Bear Rug #594A44
RGB
rgb(89, 74, 68)
HSL
hsl(17, 13%, 31%)
Luminanz
0,074
Livid Brown #30292B
RGB
rgb(48, 41, 43)
HSL
hsl(343, 8%, 17%)
Luminanz
0,024
Abaddon Black #231E22
RGB
rgb(35, 30, 34)
HSL
hsl(312, 8%, 13%)
Luminanz
0,014

Kontrast & Barrierefreiheit

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

Aa #A9A499 auf #231E22 6,61:1 AA
Aa #9F988D auf #231E22 5,74:1 AA
Aa #A9A499 auf #30292B 5,72:1 AA
Aa #9F988D auf #30292B 4,97:1 AA
Aa #B8583B auf #231E22 3,51:1 AA (großer Text)
Aa #A9A499 auf #594A44 3,40:1 AA (großer Text)
Aa #B8583B auf #30292B 3,04:1 AA (großer Text)
Aa #9F988D auf #594A44 2,95:1 Nicht bestanden
Aa #953A1B auf #A9A499 2,92:1 Nicht bestanden
Aa #953A1B auf #9F988D 2,54:1 Nicht bestanden
Aa #953A1B auf #231E22 2,26:1 Nicht bestanden
Aa #953A1B auf #30292B 1,96:1 Nicht bestanden
Aa #594A44 auf #231E22 1,94:1 Nicht bestanden
Aa #B8583B auf #A9A499 1,88:1 Nicht bestanden
Aa #B8583B auf #594A44 1,81:1 Nicht bestanden
Aa #594A44 auf #30292B 1,68:1 Nicht bestanden
Aa #B8583B auf #9F988D 1,63:1 Nicht bestanden
Aa #953A1B auf #B8583B 1,55:1 Nicht bestanden
Aa #953A1B auf #594A44 1,17:1 Nicht bestanden
Aa #A9A499 auf #9F988D 1,15:1 Nicht bestanden
Aa #30292B auf #231E22 1,15:1 Nicht bestanden

Ähnliche Paletten

#F9ED69 #F08A5D #B83B5E #6A2C70
4 Farben
#7D5A50 #B4846C #E5B299 #FCDEC0
4 Farben
#FFF8EA #9E7676 #815B5B #594545
4 Farben
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 Farben
#F67280 #C06C84 #6C5B7B #355C7D
4 Farben
#2B2E4A #E84545 #903749 #53354A
4 Farben
#E5D9B6 #A4BE7B #5F8D4E #285430
4 Farben
#A9907E #F3DEBA #ABC4AA #675D50
4 Farben