Golden Flame

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

Zurück zur Bibliothek

Golden Flame

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Monochrom warm yellow brown gold

Likes 165

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #1A1A1A;
  --c-vibrant-2: #2D1C0E;
  --c-vibrant-3: #4D2D06;
  --c-vibrant-4: #6A3C0B;
  --c-vibrant-5: #A66916;
  --c-vibrant-6: #E3A72B;
  --c-vibrant-7: #FFE17A;
  --c-vibrant-8: #F3EDEA;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Bunny Hop (#F3EDEA) bis zum dunkelsten Ton Eerie Black (#1A1A1A). Sie vereint Eerie Black, Brunneophobia, Stirland Mud, Philippine Bronze, Syrah Soil, Dried Goldenrod, Ripe Pineapple und Bunny Hop 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 #1A1A1A auf #F3EDEA mit 15,01:1.

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

Farben im Detail

Eerie Black #1A1A1A

RGB: rgb(26, 26, 26)
HSL: hsl(0, 0%, 10%)
Luminanz: 0,010

Brunneophobia #2D1C0E

RGB: rgb(45, 28, 14)
HSL: hsl(27, 53%, 12%)
Luminanz: 0,014

Stirland Mud #4D2D06

RGB: rgb(77, 45, 6)
HSL: hsl(33, 86%, 16%)
Luminanz: 0,035

Philippine Bronze #6A3C0B

RGB: rgb(106, 60, 11)
HSL: hsl(31, 81%, 23%)
Luminanz: 0,063

Syrah Soil #A66916

RGB: rgb(166, 105, 22)
HSL: hsl(35, 77%, 37%)
Luminanz: 0,183

Dried Goldenrod #E3A72B

RGB: rgb(227, 167, 43)
HSL: hsl(40, 77%, 53%)
Luminanz: 0,441

Ripe Pineapple #FFE17A

RGB: rgb(255, 225, 122)
HSL: hsl(46, 100%, 74%)
Luminanz: 0,765

Bunny Hop #F3EDEA

RGB: rgb(243, 237, 234)
HSL: hsl(20, 27%, 94%)
Luminanz: 0,856

Kontrast & Barrierefreiheit

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

Aa #1A1A1A auf #F3EDEA 15,01:1 AAA

Aa #2D1C0E auf #F3EDEA 14,11:1 AAA

Aa #1A1A1A auf #FFE17A 13,51:1 AAA

Aa #2D1C0E auf #FFE17A 12,70:1 AAA

Aa #4D2D06 auf #F3EDEA 10,70:1 AAA

Aa #4D2D06 auf #FFE17A 9,63:1 AAA

Aa #1A1A1A auf #E3A72B 8,15:1 AAA

Aa #6A3C0B auf #F3EDEA 8,00:1 AAA

Aa #2D1C0E auf #E3A72B 7,65:1 AAA

Aa #6A3C0B auf #FFE17A 7,20:1 AAA

Aa #4D2D06 auf #E3A72B 5,80:1 AA

Aa #6A3C0B auf #E3A72B 4,34:1 AA (großer Text)

Aa #A66916 auf #F3EDEA 3,89:1 AA (großer Text)

Aa #1A1A1A auf #A66916 3,86:1 AA (großer Text)

Aa #2D1C0E auf #A66916 3,62:1 AA (großer Text)

Aa #A66916 auf #FFE17A 3,50:1 AA (großer Text)

Aa #4D2D06 auf #A66916 2,75:1 Nicht bestanden

Aa #A66916 auf #E3A72B 2,11:1 Nicht bestanden

Aa #6A3C0B auf #A66916 2,06:1 Nicht bestanden

Aa #1A1A1A auf #6A3C0B 1,88:1 Nicht bestanden

Aa #E3A72B auf #F3EDEA 1,84:1 Nicht bestanden

Aa #2D1C0E auf #6A3C0B 1,76:1 Nicht bestanden

Aa #E3A72B auf #FFE17A 1,66:1 Nicht bestanden

Aa #1A1A1A auf #4D2D06 1,40:1 Nicht bestanden

Aa #4D2D06 auf #6A3C0B 1,34:1 Nicht bestanden

Aa #2D1C0E auf #4D2D06 1,32:1 Nicht bestanden

Aa #FFE17A auf #F3EDEA 1,11:1 Nicht bestanden

Aa #1A1A1A auf #2D1C0E 1,06:1 Nicht bestanden

Golden Flame

Golden Flame

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen