Vapour
#F2FDFF
Likes
5
Farben
11
CSS-Variablen
:root {
--c-earthy-1: #F2FDFF;
--c-earthy-2: #85C8E2;
--c-earthy-3: #97D374;
--c-earthy-4: #93928D;
--c-earthy-5: #5E5A93;
--c-earthy-6: #222849;
--c-earthy-7: #EFDD8B;
--c-earthy-8: #E5A57E;
--c-earthy-9: #CE6D5C;
--c-earthy-10: #875D4E;
--c-earthy-11: #663358;
}Über diese Palette
Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Vapour (#F2FDFF) bis zum dunkelsten Ton Fainting Light (#222849). Sie vereint Vapour, Budgie Blue, Tropical Light, Winter Park, Old Nan Yarn, Fainting Light, Coco-Lemon Tart, Orange Clay, Red Orpiment, Carob Brown und Blackberry Deep Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F2FDFF auf #222849 mit 13,81: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
Budgie Blue
#85C8E2
Tropical Light
#97D374
Winter Park
#93928D
Old Nan Yarn
#5E5A93
Fainting Light
#222849
Coco-Lemon Tart
#EFDD8B
Orange Clay
#E5A57E
Red Orpiment
#CE6D5C
Carob Brown
#875D4E
Blackberry Deep Red
#663358
Kontrast & Barrierefreiheit
14 von 55 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#F2FDFF auf #222849
13,81:1
AAA
Aa
#222849 auf #EFDD8B
10,48:1
AAA
Aa
#F2FDFF auf #663358
9,30:1
AAA
Aa
#97D374 auf #222849
8,10:1
AAA
Aa
#85C8E2 auf #222849
7,74:1
AAA
Aa
#EFDD8B auf #663358
7,06:1
AAA
Aa
#222849 auf #E5A57E
6,82:1
AA
Aa
#F2FDFF auf #5E5A93
6,03:1
AA
Aa
#F2FDFF auf #875D4E
5,47:1
AA
Aa
#97D374 auf #663358
5,45:1
AA
Aa
#85C8E2 auf #663358
5,21:1
AA
Aa
#E5A57E auf #663358
4,60:1
AA
Aa
#93928D auf #222849
4,59:1
AA
Aa
#5E5A93 auf #EFDD8B
4,58:1
AA
Aa
#EFDD8B auf #875D4E
4,15:1
AA (großer Text)
Aa
#222849 auf #CE6D5C
4,06:1
AA (großer Text)
Aa
#97D374 auf #5E5A93
3,54:1
AA (großer Text)
Aa
#F2FDFF auf #CE6D5C
3,40:1
AA (großer Text)
Aa
#85C8E2 auf #5E5A93
3,38:1
AA (großer Text)
Aa
#97D374 auf #875D4E
3,21:1
AA (großer Text)
Aa
#93928D auf #663358
3,09:1
AA (großer Text)
Aa
#85C8E2 auf #875D4E
3,06:1
AA (großer Text)
Aa
#F2FDFF auf #93928D
3,01:1
AA (großer Text)
Aa
#5E5A93 auf #E5A57E
2,98:1
Nicht bestanden
Aa
#CE6D5C auf #663358
2,74:1
Nicht bestanden
Aa
#E5A57E auf #875D4E
2,70:1
Nicht bestanden
Aa
#EFDD8B auf #CE6D5C
2,58:1
Nicht bestanden
Aa
#222849 auf #875D4E
2,52:1
Nicht bestanden
Aa
#5E5A93 auf #222849
2,29:1
Nicht bestanden
Aa
#93928D auf #EFDD8B
2,28:1
Nicht bestanden
Aa
#F2FDFF auf #E5A57E
2,02:1
Nicht bestanden
Aa
#93928D auf #5E5A93
2,01:1
Nicht bestanden
Aa
#97D374 auf #CE6D5C
1,99:1
Nicht bestanden
Aa
#85C8E2 auf #CE6D5C
1,90:1
Nicht bestanden
Aa
#93928D auf #875D4E
1,82:1
Nicht bestanden
Aa
#F2FDFF auf #85C8E2
1,78:1
Nicht bestanden
Aa
#5E5A93 auf #CE6D5C
1,78:1
Nicht bestanden
Aa
#97D374 auf #93928D
1,76:1
Nicht bestanden
Aa
#F2FDFF auf #97D374
1,71:1
Nicht bestanden
Aa
#875D4E auf #663358
1,70:1
Nicht bestanden
Aa
#85C8E2 auf #93928D
1,69:1
Nicht bestanden
Aa
#E5A57E auf #CE6D5C
1,68:1
Nicht bestanden
Aa
#CE6D5C auf #875D4E
1,61:1
Nicht bestanden
Aa
#5E5A93 auf #663358
1,54:1
Nicht bestanden
Aa
#EFDD8B auf #E5A57E
1,54:1
Nicht bestanden
Aa
#93928D auf #E5A57E
1,49:1
Nicht bestanden
Aa
#222849 auf #663358
1,48:1
Nicht bestanden
Aa
#85C8E2 auf #EFDD8B
1,35:1
Nicht bestanden
Aa
#F2FDFF auf #EFDD8B
1,32:1
Nicht bestanden
Aa
#97D374 auf #EFDD8B
1,29:1
Nicht bestanden
Aa
#97D374 auf #E5A57E
1,19:1
Nicht bestanden
Aa
#85C8E2 auf #E5A57E
1,13:1
Nicht bestanden
Aa
#93928D auf #CE6D5C
1,13:1
Nicht bestanden
Aa
#5E5A93 auf #875D4E
1,10:1
Nicht bestanden
Aa
#85C8E2 auf #97D374
1,05: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