Foodcourt

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

Zurück zur Bibliothek

Foodcourt

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

Bearbeiten

Lebendig 8 Farben Warm Gemischt Analog simple vibrant weird gross

Likes 14

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #2B260E;
  --c-vibrant-2: #872501;
  --c-vibrant-3: #F73302;
  --c-vibrant-4: #CF8D1D;
  --c-vibrant-5: #466101;
  --c-vibrant-6: #31B800;
  --c-vibrant-7: #BFBF11;
  --c-vibrant-8: #D8FABB;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Greedy Green (#D8FABB) bis zum dunkelsten Ton Coffee Grounds (#2B260E). Sie vereint Coffee Grounds, Bloodline, Orangish Red, Chicken Masala, Lustrian Undergrowth, Sour Apple Rings, Oilseed Crops und Greedy Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2B260E auf #D8FABB mit 13,21:1.

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

Farben im Detail

Coffee Grounds #2B260E

RGB: rgb(43, 38, 14)
HSL: hsl(50, 51%, 11%)
Luminanz: 0,019

Bloodline #872501

RGB: rgb(135, 37, 1)
HSL: hsl(16, 99%, 27%)
Luminanz: 0,065

Orangish Red #F73302

RGB: rgb(247, 51, 2)
HSL: hsl(12, 98%, 49%)
Luminanz: 0,222

Chicken Masala #CF8D1D

RGB: rgb(207, 141, 29)
HSL: hsl(38, 75%, 46%)
Luminanz: 0,324

Lustrian Undergrowth #466101

RGB: rgb(70, 97, 1)
HSL: hsl(77, 98%, 19%)
Luminanz: 0,099

Sour Apple Rings #31B800

RGB: rgb(49, 184, 0)
HSL: hsl(104, 100%, 36%)
Luminanz: 0,349

Oilseed Crops #BFBF11

RGB: rgb(191, 191, 17)
HSL: hsl(60, 84%, 41%)
Luminanz: 0,484

Greedy Green #D8FABB

RGB: rgb(216, 250, 187)
HSL: hsl(92, 86%, 86%)
Luminanz: 0,866

Kontrast & Barrierefreiheit

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

Aa #2B260E auf #D8FABB 13,21:1 AAA

Aa #872501 auf #D8FABB 7,98:1 AAA

Aa #2B260E auf #BFBF11 7,70:1 AAA

Aa #466101 auf #D8FABB 6,16:1 AA

Aa #2B260E auf #31B800 5,76:1 AA

Aa #2B260E auf #CF8D1D 5,40:1 AA

Aa #872501 auf #BFBF11 4,65:1 AA

Aa #2B260E auf #F73302 3,92:1 AA (großer Text)

Aa #466101 auf #BFBF11 3,59:1 AA (großer Text)

Aa #872501 auf #31B800 3,48:1 AA (großer Text)

Aa #F73302 auf #D8FABB 3,37:1 AA (großer Text)

Aa #872501 auf #CF8D1D 3,26:1 AA (großer Text)

Aa #466101 auf #31B800 2,69:1 Nicht bestanden

Aa #CF8D1D auf #466101 2,52:1 Nicht bestanden

Aa #CF8D1D auf #D8FABB 2,45:1 Nicht bestanden

Aa #872501 auf #F73302 2,37:1 Nicht bestanden

Aa #31B800 auf #D8FABB 2,29:1 Nicht bestanden

Aa #2B260E auf #466101 2,14:1 Nicht bestanden

Aa #F73302 auf #BFBF11 1,97:1 Nicht bestanden

Aa #F73302 auf #466101 1,83:1 Nicht bestanden

Aa #BFBF11 auf #D8FABB 1,72:1 Nicht bestanden

Aa #2B260E auf #872501 1,66:1 Nicht bestanden

Aa #F73302 auf #31B800 1,47:1 Nicht bestanden

Aa #CF8D1D auf #BFBF11 1,43:1 Nicht bestanden

Aa #F73302 auf #CF8D1D 1,38:1 Nicht bestanden

Aa #31B800 auf #BFBF11 1,34:1 Nicht bestanden

Aa #872501 auf #466101 1,29:1 Nicht bestanden

Aa #CF8D1D auf #31B800 1,07:1 Nicht bestanden

Foodcourt

Foodcourt

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen