Registrieren Registrieren
TY Blue Moon 12

TY Blue Moon 12

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

Zurück zur Bibliothek

TY Blue Moon 12

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

Bearbeiten
Erdig 12 Farben Warm Gemischt Komplementär
Likes 21
Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #96A78E;
  --c-earthy-3: #55656D;
  --c-earthy-4: #1B3A4E;
  --c-earthy-5: #7A6260;
  --c-earthy-6: #5A4256;
  --c-earthy-7: #58372E;
  --c-earthy-8: #A79A6C;
  --c-earthy-9: #877041;
  --c-earthy-10: #535127;
  --c-earthy-11: #2A2411;
  --c-earthy-12: #040505;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton Found Fossil (#DECEB4) bis zum dunkelsten Ton Black Metal (#040505). Sie vereint Found Fossil, Zucchini Cream, Plot Twist, Subterranean River, Raisin in the Sun, Dreamy Heaven, Terra Brun, Sunbaked Adobe, Siam Gold, Bronze Olive, Coffee Grounds und Black Metal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DECEB4 auf #040505 mit 13,21: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

Found Fossil #DECEB4
RGB
rgb(222, 206, 180)
HSL
hsl(37, 39%, 79%)
Luminanz
0,630
Zucchini Cream #96A78E
RGB
rgb(150, 167, 142)
HSL
hsl(101, 12%, 61%)
Luminanz
0,361
Plot Twist #55656D
RGB
rgb(85, 101, 109)
HSL
hsl(200, 12%, 38%)
Luminanz
0,123
Subterranean River #1B3A4E
RGB
rgb(27, 58, 78)
HSL
hsl(204, 49%, 21%)
Luminanz
0,038
Raisin in the Sun #7A6260
RGB
rgb(122, 98, 96)
HSL
hsl(5, 12%, 43%)
Luminanz
0,137
Dreamy Heaven #5A4256
RGB
rgb(90, 66, 86)
HSL
hsl(310, 15%, 31%)
Luminanz
0,067
Terra Brun #58372E
RGB
rgb(88, 55, 46)
HSL
hsl(13, 31%, 26%)
Luminanz
0,050
Sunbaked Adobe #A79A6C
RGB
rgb(167, 154, 108)
HSL
hsl(47, 25%, 54%)
Luminanz
0,324
Siam Gold #877041
RGB
rgb(135, 112, 65)
HSL
hsl(40, 35%, 39%)
Luminanz
0,171
Bronze Olive #535127
RGB
rgb(83, 81, 39)
HSL
hsl(57, 36%, 24%)
Luminanz
0,079
Coffee Grounds #2A2411
RGB
rgb(42, 36, 17)
HSL
hsl(46, 42%, 12%)
Luminanz
0,018
Black Metal #040505
RGB
rgb(4, 5, 5)
HSL
hsl(180, 11%, 2%)
Luminanz
0,002

Kontrast & Barrierefreiheit

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

Aa #DECEB4 auf #040505 13,21:1 AAA
Aa #DECEB4 auf #2A2411 10,00:1 AAA
Aa #96A78E auf #040505 7,98:1 AAA
Aa #DECEB4 auf #1B3A4E 7,72:1 AAA
Aa #A79A6C auf #040505 7,27:1 AAA
Aa #DECEB4 auf #58372E 6,79:1 AA
Aa #96A78E auf #2A2411 6,05:1 AA
Aa #DECEB4 auf #5A4256 5,79:1 AA
Aa #A79A6C auf #2A2411 5,51:1 AA
Aa #DECEB4 auf #535127 5,28:1 AA
Aa #96A78E auf #1B3A4E 4,66:1 AA
Aa #877041 auf #040505 4,30:1 AA (großer Text)
Aa #1B3A4E auf #A79A6C 4,25:1 AA (großer Text)
Aa #96A78E auf #58372E 4,11:1 AA (großer Text)
Aa #DECEB4 auf #55656D 3,92:1 AA (großer Text)
Aa #58372E auf #A79A6C 3,74:1 AA (großer Text)
Aa #7A6260 auf #040505 3,64:1 AA (großer Text)
Aa #DECEB4 auf #7A6260 3,63:1 AA (großer Text)
Aa #96A78E auf #5A4256 3,50:1 AA (großer Text)
Aa #55656D auf #040505 3,37:1 AA (großer Text)
Aa #877041 auf #2A2411 3,26:1 AA (großer Text)
Aa #96A78E auf #535127 3,19:1 AA (großer Text)
Aa #5A4256 auf #A79A6C 3,19:1 AA (großer Text)
Aa #DECEB4 auf #877041 3,07:1 AA (großer Text)
Aa #A79A6C auf #535127 2,91:1 Nicht bestanden
Aa #7A6260 auf #2A2411 2,75:1 Nicht bestanden
Aa #55656D auf #2A2411 2,55:1 Nicht bestanden
Aa #1B3A4E auf #877041 2,51:1 Nicht bestanden
Aa #535127 auf #040505 2,50:1 Nicht bestanden
Aa #96A78E auf #55656D 2,37:1 Nicht bestanden
Aa #5A4256 auf #040505 2,28:1 Nicht bestanden
Aa #58372E auf #877041 2,21:1 Nicht bestanden
Aa #96A78E auf #7A6260 2,19:1 Nicht bestanden
Aa #55656D auf #A79A6C 2,16:1 Nicht bestanden
Aa #1B3A4E auf #7A6260 2,12:1 Nicht bestanden
Aa #7A6260 auf #A79A6C 2,00:1 Nicht bestanden
Aa #55656D auf #1B3A4E 1,97:1 Nicht bestanden
Aa #58372E auf #040505 1,94:1 Nicht bestanden
Aa #535127 auf #2A2411 1,89:1 Nicht bestanden
Aa #5A4256 auf #877041 1,88:1 Nicht bestanden
Aa #7A6260 auf #58372E 1,87:1 Nicht bestanden
Aa #96A78E auf #877041 1,86:1 Nicht bestanden
Aa #DECEB4 auf #A79A6C 1,82:1 Nicht bestanden
Aa #55656D auf #58372E 1,73:1 Nicht bestanden
Aa #5A4256 auf #2A2411 1,73:1 Nicht bestanden
Aa #877041 auf #535127 1,72:1 Nicht bestanden
Aa #1B3A4E auf #040505 1,71:1 Nicht bestanden
Aa #A79A6C auf #877041 1,69:1 Nicht bestanden
Aa #DECEB4 auf #96A78E 1,65:1 Nicht bestanden
Aa #7A6260 auf #5A4256 1,59:1 Nicht bestanden
Aa #55656D auf #5A4256 1,48:1 Nicht bestanden
Aa #58372E auf #2A2411 1,47:1 Nicht bestanden
Aa #1B3A4E auf #535127 1,46:1 Nicht bestanden
Aa #7A6260 auf #535127 1,45:1 Nicht bestanden
Aa #55656D auf #535127 1,35:1 Nicht bestanden
Aa #1B3A4E auf #5A4256 1,33:1 Nicht bestanden
Aa #2A2411 auf #040505 1,32:1 Nicht bestanden
Aa #1B3A4E auf #2A2411 1,30:1 Nicht bestanden
Aa #58372E auf #535127 1,29:1 Nicht bestanden
Aa #55656D auf #877041 1,28:1 Nicht bestanden
Aa #7A6260 auf #877041 1,18:1 Nicht bestanden
Aa #5A4256 auf #58372E 1,17:1 Nicht bestanden
Aa #1B3A4E auf #58372E 1,14:1 Nicht bestanden
Aa #96A78E auf #A79A6C 1,10:1 Nicht bestanden
Aa #5A4256 auf #535127 1,10:1 Nicht bestanden
Aa #55656D auf #7A6260 1,08: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