Nightwalker
#1C1A3A
Likes
208
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #1C1A3A;
--c-earthy-2: #2A2662;
--c-earthy-3: #355281;
--c-earthy-4: #408898;
--c-earthy-5: #57BD91;
--c-earthy-6: #A4D969;
--c-earthy-7: #F0EB88;
--c-earthy-8: #D9A269;
--c-earthy-9: #BD5757;
--c-earthy-10: #984092;
--c-earthy-11: #5A3581;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Pineapple Perfume (#F0EB88) bis zum dunkelsten Ton Nightwalker (#1C1A3A). Sie vereint Nightwalker, Deep Breath, Fun Blue, Seachange, Blue Green Scene, Last of Lettuce, Pineapple Perfume, Kombucha, Chōshun Red, Viva Magenta und Kingfisher Daisy in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 13 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1C1A3A auf #F0EB88 mit 13,47: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
Deep Breath
#2A2662
Fun Blue
#355281
Seachange
#408898
Blue Green Scene
#57BD91
Last of Lettuce
#A4D969
Pineapple Perfume
#F0EB88
Kombucha
#D9A269
Chōshun Red
#BD5757
Viva Magenta
#984092
Kingfisher Daisy
#5A3581
Kontrast & Barrierefreiheit
13 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#1C1A3A auf #F0EB88
13,47:1
AAA
Aa
#2A2662 auf #F0EB88
10,92:1
AAA
Aa
#1C1A3A auf #A4D969
10,10:1
AAA
Aa
#2A2662 auf #A4D969
8,19:1
AAA
Aa
#F0EB88 auf #5A3581
7,49:1
AAA
Aa
#1C1A3A auf #D9A269
7,41:1
AAA
Aa
#1C1A3A auf #57BD91
7,23:1
AAA
Aa
#355281 auf #F0EB88
6,33:1
AA
Aa
#2A2662 auf #D9A269
6,01:1
AA
Aa
#2A2662 auf #57BD91
5,86:1
AA
Aa
#A4D969 auf #5A3581
5,62:1
AA
Aa
#F0EB88 auf #984092
4,86:1
AA
Aa
#355281 auf #A4D969
4,75:1
AA
Aa
#1C1A3A auf #408898
4,13:1
AA (großer Text)
Aa
#D9A269 auf #5A3581
4,12:1
AA (großer Text)
Aa
#57BD91 auf #5A3581
4,02:1
AA (großer Text)
Aa
#1C1A3A auf #BD5757
3,71:1
AA (großer Text)
Aa
#A4D969 auf #984092
3,65:1
AA (großer Text)
Aa
#F0EB88 auf #BD5757
3,63:1
AA (großer Text)
Aa
#355281 auf #D9A269
3,48:1
AA (großer Text)
Aa
#355281 auf #57BD91
3,40:1
AA (großer Text)
Aa
#2A2662 auf #408898
3,35:1
AA (großer Text)
Aa
#408898 auf #F0EB88
3,26:1
AA (großer Text)
Aa
#2A2662 auf #BD5757
3,01:1
AA (großer Text)
Aa
#1C1A3A auf #984092
2,77:1
Nicht bestanden
Aa
#A4D969 auf #BD5757
2,72:1
Nicht bestanden
Aa
#D9A269 auf #984092
2,68:1
Nicht bestanden
Aa
#57BD91 auf #984092
2,61:1
Nicht bestanden
Aa
#408898 auf #A4D969
2,45:1
Nicht bestanden
Aa
#408898 auf #5A3581
2,30:1
Nicht bestanden
Aa
#2A2662 auf #984092
2,24:1
Nicht bestanden
Aa
#1C1A3A auf #355281
2,13:1
Nicht bestanden
Aa
#BD5757 auf #5A3581
2,06:1
Nicht bestanden
Aa
#D9A269 auf #BD5757
2,00:1
Nicht bestanden
Aa
#57BD91 auf #BD5757
1,95:1
Nicht bestanden
Aa
#355281 auf #408898
1,94:1
Nicht bestanden
Aa
#57BD91 auf #F0EB88
1,86:1
Nicht bestanden
Aa
#F0EB88 auf #D9A269
1,82:1
Nicht bestanden
Aa
#1C1A3A auf #5A3581
1,80:1
Nicht bestanden
Aa
#408898 auf #D9A269
1,80:1
Nicht bestanden
Aa
#408898 auf #57BD91
1,75:1
Nicht bestanden
Aa
#355281 auf #BD5757
1,74:1
Nicht bestanden
Aa
#2A2662 auf #355281
1,72:1
Nicht bestanden
Aa
#984092 auf #5A3581
1,54:1
Nicht bestanden
Aa
#408898 auf #984092
1,49:1
Nicht bestanden
Aa
#2A2662 auf #5A3581
1,46:1
Nicht bestanden
Aa
#57BD91 auf #A4D969
1,40:1
Nicht bestanden
Aa
#A4D969 auf #D9A269
1,36:1
Nicht bestanden
Aa
#BD5757 auf #984092
1,34:1
Nicht bestanden
Aa
#A4D969 auf #F0EB88
1,33:1
Nicht bestanden
Aa
#355281 auf #984092
1,30:1
Nicht bestanden
Aa
#1C1A3A auf #2A2662
1,23:1
Nicht bestanden
Aa
#355281 auf #5A3581
1,18:1
Nicht bestanden
Aa
#408898 auf #BD5757
1,11:1
Nicht bestanden
Aa
#57BD91 auf #D9A269
1,03:1
Nicht bestanden
Ähnliche Paletten
#222831
#393E46
#00ADB5
#EEEEEE
#F9F7F7
#DBE2EF
#3F72AF
#112D4E
#1B262C
#0F4C75
#3282B8
#BBE1FA
#08D9D6
#252A34
#FF2E63
#EAEAEA
#27374D
#526D82
#9DB2BF
#DDE6ED
#364F6B
#3FC1C9
#F5F5F5
#FC5185
#E4F9F5
#30E3CA
#11999E
#40514E
#F0F5F9
#C9D6DF
#52616B
#1E2022