Bestiary

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

Zurück zur Bibliothek

Bestiary

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

Bearbeiten

Gedeckt 9 Farben Warm Gemischt Analog pixelart fantasy eerie monsters

Likes 21

Farben 9

CSS-Variablen

:root {
  --c-muted-1: #6E934F;
  --c-muted-2: #A2B669;
  --c-muted-3: #D3DA83;
  --c-muted-4: #BBC13C;
  --c-muted-5: #949E2C;
  --c-muted-6: #7F7A28;
  --c-muted-7: #5F6520;
  --c-muted-8: #304F10;
  --c-muted-9: #1D3500;
}

Über diese Palette

Diese gedeckte Palette mit 9 Farben reicht vom hellsten Ton Fresh Pear (#D3DA83) bis zum dunkelsten Ton Blind Forest (#1D3500). Sie vereint Drab Green, Light Birch Green, Fresh Pear, Tropic Canary, Forest Lichen, Faience Green, Kirchner Green, Treetop Cathedral und Blind Forest in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #D3DA83 auf #1D3500 mit 9,05:1.

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

Farben im Detail

Drab Green #6E934F

RGB: rgb(110, 147, 79)
HSL: hsl(93, 30%, 44%)
Luminanz: 0,248

Light Birch Green #A2B669

RGB: rgb(162, 182, 105)
HSL: hsl(76, 35%, 56%)
Luminanz: 0,422

Fresh Pear #D3DA83

RGB: rgb(211, 218, 131)
HSL: hsl(65, 54%, 68%)
Luminanz: 0,656

Tropic Canary #BBC13C

RGB: rgb(187, 193, 60)
HSL: hsl(63, 53%, 50%)
Luminanz: 0,490

Forest Lichen #949E2C

RGB: rgb(148, 158, 44)
HSL: hsl(65, 56%, 40%)
Luminanz: 0,309

Faience Green #7F7A28

RGB: rgb(127, 122, 40)
HSL: hsl(57, 52%, 33%)
Luminanz: 0,186

Kirchner Green #5F6520

RGB: rgb(95, 101, 32)
HSL: hsl(65, 52%, 26%)
Luminanz: 0,118

Treetop Cathedral #304F10

RGB: rgb(48, 79, 16)
HSL: hsl(90, 66%, 19%)
Luminanz: 0,063

Blind Forest #1D3500

RGB: rgb(29, 53, 0)
HSL: hsl(87, 100%, 10%)
Luminanz: 0,028

Kontrast & Barrierefreiheit

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

Aa #D3DA83 auf #1D3500 9,05:1 AAA

Aa #BBC13C auf #1D3500 6,92:1 AA

Aa #D3DA83 auf #304F10 6,27:1 AA

Aa #A2B669 auf #1D3500 6,04:1 AA

Aa #BBC13C auf #304F10 4,80:1 AA

Aa #949E2C auf #1D3500 4,60:1 AA

Aa #A2B669 auf #304F10 4,19:1 AA (großer Text)

Aa #D3DA83 auf #5F6520 4,19:1 AA (großer Text)

Aa #6E934F auf #1D3500 3,81:1 AA (großer Text)

Aa #BBC13C auf #5F6520 3,21:1 AA (großer Text)

Aa #949E2C auf #304F10 3,19:1 AA (großer Text)

Aa #7F7A28 auf #1D3500 3,02:1 AA (großer Text)

Aa #D3DA83 auf #7F7A28 2,99:1 Nicht bestanden

Aa #A2B669 auf #5F6520 2,80:1 Nicht bestanden

Aa #6E934F auf #304F10 2,64:1 Nicht bestanden

Aa #6E934F auf #D3DA83 2,37:1 Nicht bestanden

Aa #BBC13C auf #7F7A28 2,29:1 Nicht bestanden

Aa #5F6520 auf #1D3500 2,16:1 Nicht bestanden

Aa #949E2C auf #5F6520 2,13:1 Nicht bestanden

Aa #7F7A28 auf #304F10 2,09:1 Nicht bestanden

Aa #A2B669 auf #7F7A28 2,00:1 Nicht bestanden

Aa #D3DA83 auf #949E2C 1,97:1 Nicht bestanden

Aa #6E934F auf #BBC13C 1,82:1 Nicht bestanden

Aa #6E934F auf #5F6520 1,77:1 Nicht bestanden

Aa #6E934F auf #A2B669 1,59:1 Nicht bestanden

Aa #949E2C auf #7F7A28 1,52:1 Nicht bestanden

Aa #A2B669 auf #D3DA83 1,50:1 Nicht bestanden

Aa #BBC13C auf #949E2C 1,50:1 Nicht bestanden

Aa #5F6520 auf #304F10 1,50:1 Nicht bestanden

Aa #304F10 auf #1D3500 1,44:1 Nicht bestanden

Aa #7F7A28 auf #5F6520 1,40:1 Nicht bestanden

Aa #A2B669 auf #949E2C 1,31:1 Nicht bestanden

Aa #D3DA83 auf #BBC13C 1,31:1 Nicht bestanden

Aa #6E934F auf #7F7A28 1,26:1 Nicht bestanden

Aa #6E934F auf #949E2C 1,21:1 Nicht bestanden

Aa #A2B669 auf #BBC13C 1,15:1 Nicht bestanden

Bestiary

Bestiary

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen