Startseite Farbpaletten TY Fate & Destiny 12

TY Fate & Destiny 12

Palette mit 12 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

TY Fate & Destiny 12

Palette mit 12 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Erdig 12 Farben Neutral Gemischt Komplementär old fantasy limited retro

Likes 15

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #DFD8C0;
  --c-earthy-2: #8BC3CA;
  --c-earthy-3: #728582;
  --c-earthy-4: #41435A;
  --c-earthy-5: #A6AA62;
  --c-earthy-6: #4A975C;
  --c-earthy-7: #5E6D2C;
  --c-earthy-8: #D5A93A;
  --c-earthy-9: #BF6A32;
  --c-earthy-10: #783D35;
  --c-earthy-11: #4A4126;
  --c-earthy-12: #000000;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Dream Grass (#DFD8C0) bis zum dunkelsten Ton Black (#000000). Sie vereint Dream Grass, Cerulean Skies, Armour, Amphystine, Elf Slippers, Clover Patch, Deathworld Forest, Brassy Tint, Sesame Crunch, Ducal, Onion und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DFD8C0 auf #000000 mit 14,72: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

Dream Grass #DFD8C0

RGB: rgb(223, 216, 192)
HSL: hsl(46, 33%, 81%)
Luminanz: 0,686

Cerulean Skies #8BC3CA

RGB: rgb(139, 195, 202)
HSL: hsl(187, 37%, 67%)
Luminanz: 0,488

Armour #728582

RGB: rgb(114, 133, 130)
HSL: hsl(171, 8%, 48%)
Luminanz: 0,220

Amphystine #41435A

RGB: rgb(65, 67, 90)
HSL: hsl(235, 16%, 30%)
Luminanz: 0,059

Elf Slippers #A6AA62

RGB: rgb(166, 170, 98)
HSL: hsl(63, 30%, 53%)
Luminanz: 0,377

Clover Patch #4A975C

RGB: rgb(74, 151, 92)
HSL: hsl(134, 34%, 44%)
Luminanz: 0,244

Deathworld Forest #5E6D2C

RGB: rgb(94, 109, 44)
HSL: hsl(74, 42%, 30%)
Luminanz: 0,135

Brassy Tint #D5A93A

RGB: rgb(213, 169, 58)
HSL: hsl(43, 65%, 53%)
Luminanz: 0,428

Sesame Crunch #BF6A32

RGB: rgb(191, 106, 50)
HSL: hsl(24, 59%, 47%)
Luminanz: 0,216

Ducal #783D35

RGB: rgb(120, 61, 53)
HSL: hsl(7, 39%, 34%)
Luminanz: 0,076

Onion #4A4126

RGB: rgb(74, 65, 38)
HSL: hsl(45, 32%, 22%)
Luminanz: 0,054

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #DFD8C0 auf #000000 14,72:1 AAA

Aa #8BC3CA auf #000000 10,76:1 AAA

Aa #D5A93A auf #000000 9,57:1 AAA

Aa #A6AA62 auf #000000 8,55:1 AAA

Aa #DFD8C0 auf #4A4126 7,09:1 AAA

Aa #DFD8C0 auf #41435A 6,77:1 AA

Aa #4A975C auf #000000 5,87:1 AA

Aa #DFD8C0 auf #783D35 5,85:1 AA

Aa #728582 auf #000000 5,39:1 AA

Aa #BF6A32 auf #000000 5,32:1 AA

Aa #8BC3CA auf #4A4126 5,18:1 AA

Aa #8BC3CA auf #41435A 4,95:1 AA

Aa #D5A93A auf #4A4126 4,61:1 AA

Aa #41435A auf #D5A93A 4,40:1 AA (großer Text)

Aa #8BC3CA auf #783D35 4,27:1 AA (großer Text)

Aa #A6AA62 auf #4A4126 4,12:1 AA (großer Text)

Aa #DFD8C0 auf #5E6D2C 3,98:1 AA (großer Text)

Aa #41435A auf #A6AA62 3,93:1 AA (großer Text)

Aa #D5A93A auf #783D35 3,80:1 AA (großer Text)

Aa #5E6D2C auf #000000 3,70:1 AA (großer Text)

Aa #A6AA62 auf #783D35 3,40:1 AA (großer Text)

Aa #8BC3CA auf #5E6D2C 2,91:1 Nicht bestanden

Aa #4A975C auf #4A4126 2,83:1 Nicht bestanden

Aa #DFD8C0 auf #BF6A32 2,77:1 Nicht bestanden

Aa #DFD8C0 auf #728582 2,73:1 Nicht bestanden

Aa #41435A auf #4A975C 2,70:1 Nicht bestanden

Aa #728582 auf #4A4126 2,60:1 Nicht bestanden

Aa #5E6D2C auf #D5A93A 2,59:1 Nicht bestanden

Aa #BF6A32 auf #4A4126 2,56:1 Nicht bestanden

Aa #783D35 auf #000000 2,52:1 Nicht bestanden

Aa #DFD8C0 auf #4A975C 2,51:1 Nicht bestanden

Aa #728582 auf #41435A 2,48:1 Nicht bestanden

Aa #41435A auf #BF6A32 2,45:1 Nicht bestanden

Aa #4A975C auf #783D35 2,33:1 Nicht bestanden

Aa #A6AA62 auf #5E6D2C 2,31:1 Nicht bestanden

Aa #41435A auf #000000 2,18:1 Nicht bestanden

Aa #728582 auf #783D35 2,14:1 Nicht bestanden

Aa #BF6A32 auf #783D35 2,11:1 Nicht bestanden

Aa #4A4126 auf #000000 2,08:1 Nicht bestanden

Aa #8BC3CA auf #BF6A32 2,02:1 Nicht bestanden

Aa #8BC3CA auf #728582 1,99:1 Nicht bestanden

Aa #8BC3CA auf #4A975C 1,83:1 Nicht bestanden

Aa #D5A93A auf #BF6A32 1,80:1 Nicht bestanden

Aa #5E6D2C auf #4A4126 1,78:1 Nicht bestanden

Aa #728582 auf #D5A93A 1,77:1 Nicht bestanden

Aa #DFD8C0 auf #A6AA62 1,72:1 Nicht bestanden

Aa #41435A auf #5E6D2C 1,70:1 Nicht bestanden

Aa #4A975C auf #D5A93A 1,63:1 Nicht bestanden

Aa #A6AA62 auf #BF6A32 1,61:1 Nicht bestanden

Aa #728582 auf #A6AA62 1,59:1 Nicht bestanden

Aa #4A975C auf #5E6D2C 1,59:1 Nicht bestanden

Aa #DFD8C0 auf #D5A93A 1,54:1 Nicht bestanden

Aa #5E6D2C auf #783D35 1,47:1 Nicht bestanden

Aa #728582 auf #5E6D2C 1,46:1 Nicht bestanden

Aa #A6AA62 auf #4A975C 1,46:1 Nicht bestanden

Aa #5E6D2C auf #BF6A32 1,44:1 Nicht bestanden

Aa #DFD8C0 auf #8BC3CA 1,37:1 Nicht bestanden

Aa #8BC3CA auf #A6AA62 1,26:1 Nicht bestanden

Aa #783D35 auf #4A4126 1,21:1 Nicht bestanden

Aa #41435A auf #783D35 1,16:1 Nicht bestanden

Aa #8BC3CA auf #D5A93A 1,12:1 Nicht bestanden

Aa #A6AA62 auf #D5A93A 1,12:1 Nicht bestanden

Aa #4A975C auf #BF6A32 1,10:1 Nicht bestanden

Aa #728582 auf #4A975C 1,09:1 Nicht bestanden

Aa #41435A auf #4A4126 1,05:1 Nicht bestanden

Aa #728582 auf #BF6A32 1,01:1 Nicht bestanden

TY Fate & Destiny 12