Treasure Sunset

Treasure Sunset

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

Treasure Sunset

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Analog goldenaugustpalettecontest
Likes 41
Farben 12


CSS-Variablen

:root {
  --c-earthy-1: #492A26;
  --c-earthy-2: #623849;
  --c-earthy-3: #A26C51;
  --c-earthy-4: #71524A;
  --c-earthy-5: #919D55;
  --c-earthy-6: #DFC251;
  --c-earthy-7: #A29837;
  --c-earthy-8: #754B38;
  --c-earthy-9: #8F472D;
  --c-earthy-10: #C88504;
  --c-earthy-11: #BE5A27;
  --c-earthy-12: #833638;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Cream Gold (#DFC251) bis zum dunkelsten Ton Rookwood Dark Red (#492A26). Sie vereint Rookwood Dark Red, High Priest, Verminlord Hide, Susu-Take Bamboo, Totally Broccoli, Cream Gold, Shimmering Glade, Riding Boots, Sedona Stone, Bubonic Brown, Fallen Canopy und Tall Poppy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #492A26 auf #DFC251 mit 7,29: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

Rookwood Dark Red #492A26
RGB
rgb(73, 42, 38)
HSL
hsl(7, 32%, 22%)
Luminanz
0,032
High Priest #623849
RGB
rgb(98, 56, 73)
HSL
hsl(336, 27%, 30%)
Luminanz
0,059
Verminlord Hide #A26C51
RGB
rgb(162, 108, 81)
HSL
hsl(20, 33%, 48%)
Luminanz
0,190
Susu-Take Bamboo #71524A
RGB
rgb(113, 82, 74)
HSL
hsl(12, 21%, 37%)
Luminanz
0,100
Totally Broccoli #919D55
RGB
rgb(145, 157, 85)
HSL
hsl(70, 30%, 47%)
Luminanz
0,308
Cream Gold #DFC251
RGB
rgb(223, 194, 81)
HSL
hsl(48, 69%, 60%)
Luminanz
0,549
Shimmering Glade #A29837
RGB
rgb(162, 152, 55)
HSL
hsl(54, 49%, 43%)
Luminanz
0,304
Riding Boots #754B38
RGB
rgb(117, 75, 56)
HSL
hsl(19, 35%, 34%)
Luminanz
0,091
Sedona Stone #8F472D
RGB
rgb(143, 71, 45)
HSL
hsl(16, 52%, 37%)
Luminanz
0,105
Bubonic Brown #C88504
RGB
rgb(200, 133, 4)
HSL
hsl(39, 96%, 40%)
Luminanz
0,291
Fallen Canopy #BE5A27
RGB
rgb(190, 90, 39)
HSL
hsl(20, 66%, 45%)
Luminanz
0,184
Tall Poppy #833638
RGB
rgb(131, 54, 56)
HSL
hsl(358, 42%, 36%)
Luminanz
0,078

Kontrast & Barrierefreiheit

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

Aa #492A26 auf #DFC251 7,29:1 AAA
Aa #623849 auf #DFC251 5,49:1 AA
Aa #DFC251 auf #833638 4,70:1 AA
Aa #492A26 auf #919D55 4,36:1 AA (großer Text)
Aa #492A26 auf #A29837 4,31:1 AA (großer Text)
Aa #DFC251 auf #754B38 4,25:1 AA (großer Text)
Aa #492A26 auf #C88504 4,15:1 AA (großer Text)
Aa #71524A auf #DFC251 3,98:1 AA (großer Text)
Aa #DFC251 auf #8F472D 3,85:1 AA (großer Text)
Aa #623849 auf #919D55 3,28:1 AA (großer Text)
Aa #623849 auf #A29837 3,25:1 AA (großer Text)
Aa #623849 auf #C88504 3,12:1 AA (großer Text)
Aa #492A26 auf #A26C51 2,92:1 Nicht bestanden
Aa #492A26 auf #BE5A27 2,85:1 Nicht bestanden
Aa #919D55 auf #833638 2,81:1 Nicht bestanden
Aa #A29837 auf #833638 2,78:1 Nicht bestanden
Aa #C88504 auf #833638 2,67:1 Nicht bestanden
Aa #DFC251 auf #BE5A27 2,56:1 Nicht bestanden
Aa #919D55 auf #754B38 2,54:1 Nicht bestanden
Aa #A29837 auf #754B38 2,51:1 Nicht bestanden
Aa #A26C51 auf #DFC251 2,49:1 Nicht bestanden
Aa #754B38 auf #C88504 2,42:1 Nicht bestanden
Aa #71524A auf #919D55 2,38:1 Nicht bestanden
Aa #71524A auf #A29837 2,35:1 Nicht bestanden
Aa #919D55 auf #8F472D 2,30:1 Nicht bestanden
Aa #A29837 auf #8F472D 2,28:1 Nicht bestanden
Aa #71524A auf #C88504 2,26:1 Nicht bestanden
Aa #623849 auf #A26C51 2,20:1 Nicht bestanden
Aa #8F472D auf #C88504 2,19:1 Nicht bestanden
Aa #623849 auf #BE5A27 2,15:1 Nicht bestanden
Aa #492A26 auf #8F472D 1,89:1 Nicht bestanden
Aa #A26C51 auf #833638 1,88:1 Nicht bestanden
Aa #BE5A27 auf #833638 1,84:1 Nicht bestanden
Aa #492A26 auf #71524A 1,83:1 Nicht bestanden
Aa #DFC251 auf #C88504 1,76:1 Nicht bestanden
Aa #492A26 auf #754B38 1,72:1 Nicht bestanden
Aa #A26C51 auf #754B38 1,70:1 Nicht bestanden
Aa #DFC251 auf #A29837 1,69:1 Nicht bestanden
Aa #919D55 auf #DFC251 1,67:1 Nicht bestanden
Aa #754B38 auf #BE5A27 1,66:1 Nicht bestanden
Aa #A26C51 auf #71524A 1,60:1 Nicht bestanden
Aa #71524A auf #BE5A27 1,56:1 Nicht bestanden
Aa #492A26 auf #833638 1,55:1 Nicht bestanden
Aa #A26C51 auf #8F472D 1,54:1 Nicht bestanden
Aa #919D55 auf #BE5A27 1,53:1 Nicht bestanden
Aa #A29837 auf #BE5A27 1,51:1 Nicht bestanden
Aa #8F472D auf #BE5A27 1,51:1 Nicht bestanden
Aa #A26C51 auf #919D55 1,49:1 Nicht bestanden
Aa #A26C51 auf #A29837 1,48:1 Nicht bestanden
Aa #C88504 auf #BE5A27 1,46:1 Nicht bestanden
Aa #623849 auf #8F472D 1,42:1 Nicht bestanden
Aa #A26C51 auf #C88504 1,42:1 Nicht bestanden
Aa #623849 auf #71524A 1,38:1 Nicht bestanden
Aa #492A26 auf #623849 1,33:1 Nicht bestanden
Aa #623849 auf #754B38 1,29:1 Nicht bestanden
Aa #8F472D auf #833638 1,22:1 Nicht bestanden
Aa #71524A auf #833638 1,18:1 Nicht bestanden
Aa #623849 auf #833638 1,17:1 Nicht bestanden
Aa #754B38 auf #833638 1,11:1 Nicht bestanden
Aa #754B38 auf #8F472D 1,10:1 Nicht bestanden
Aa #71524A auf #754B38 1,07:1 Nicht bestanden
Aa #919D55 auf #C88504 1,05:1 Nicht bestanden
Aa #A29837 auf #C88504 1,04:1 Nicht bestanden
Aa #A26C51 auf #BE5A27 1,03:1 Nicht bestanden
Aa #71524A auf #8F472D 1,03:1 Nicht bestanden
Aa #919D55 auf #A29837 1,01: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