Midnight Melancholia
#032165
Likes
25
Farben
10
CSS-Variablen
:root {
--c-vibrant-1: #032165;
--c-vibrant-2: #00608C;
--c-vibrant-3: #00D6BA;
--c-vibrant-4: #FFFAD6;
--c-vibrant-5: #FFC0CF;
--c-vibrant-6: #FF73C1;
--c-vibrant-7: #CC1C58;
--c-vibrant-8: #7B5CAB;
--c-vibrant-9: #4F2D84;
--c-vibrant-10: #000000;
}Über diese Palette
Diese lebendige Palette mit 10 Farben reicht vom hellsten Ton Country Summer (#FFFAD6) bis zum dunkelsten Ton Black (#000000). Sie vereint Midnight Melancholia, Ink Blotch, Channel Marker Green, Country Summer, Garden Glory, Dream Setting, Love Surge, Genestealer Purple, Sick Blue und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 14 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFFAD6 auf #000000 mit 19,9:1.
Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.
Farben im Detail
Ink Blotch
#00608C
Channel Marker Green
#00D6BA
Country Summer
#FFFAD6
Garden Glory
#FFC0CF
Dream Setting
#FF73C1
Love Surge
#CC1C58
Genestealer Purple
#7B5CAB
Sick Blue
#4F2D84
Black
#000000
Kontrast & Barrierefreiheit
14 von 45 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.
Aa
#FFFAD6 auf #000000
19,90:1
AAA
Aa
#032165 auf #FFFAD6
14,12:1
AAA
Aa
#FFC0CF auf #000000
13,69:1
AAA
Aa
#00D6BA auf #000000
11,33:1
AAA
Aa
#FFFAD6 auf #4F2D84
9,75:1
AAA
Aa
#032165 auf #FFC0CF
9,72:1
AAA
Aa
#FF73C1 auf #000000
8,47:1
AAA
Aa
#032165 auf #00D6BA
8,04:1
AAA
Aa
#FFC0CF auf #4F2D84
6,71:1
AA
Aa
#00608C auf #FFFAD6
6,52:1
AA
Aa
#032165 auf #FF73C1
6,01:1
AA
Aa
#00D6BA auf #4F2D84
5,55:1
AA
Aa
#FFFAD6 auf #CC1C58
5,14:1
AA
Aa
#FFFAD6 auf #7B5CAB
5,02:1
AA
Aa
#00608C auf #FFC0CF
4,49:1
AA (großer Text)
Aa
#FF73C1 auf #4F2D84
4,15:1
AA (großer Text)
Aa
#7B5CAB auf #000000
3,96:1
AA (großer Text)
Aa
#CC1C58 auf #000000
3,87:1
AA (großer Text)
Aa
#00608C auf #00D6BA
3,71:1
AA (großer Text)
Aa
#FFC0CF auf #CC1C58
3,53:1
AA (großer Text)
Aa
#FFC0CF auf #7B5CAB
3,46:1
AA (großer Text)
Aa
#00608C auf #000000
3,05:1
AA (großer Text)
Aa
#00D6BA auf #CC1C58
2,92:1
Nicht bestanden
Aa
#00D6BA auf #7B5CAB
2,86:1
Nicht bestanden
Aa
#032165 auf #7B5CAB
2,81:1
Nicht bestanden
Aa
#00608C auf #FF73C1
2,78:1
Nicht bestanden
Aa
#032165 auf #CC1C58
2,75:1
Nicht bestanden
Aa
#FFFAD6 auf #FF73C1
2,35:1
Nicht bestanden
Aa
#FF73C1 auf #CC1C58
2,19:1
Nicht bestanden
Aa
#032165 auf #00608C
2,17:1
Nicht bestanden
Aa
#FF73C1 auf #7B5CAB
2,14:1
Nicht bestanden
Aa
#4F2D84 auf #000000
2,04:1
Nicht bestanden
Aa
#7B5CAB auf #4F2D84
1,94:1
Nicht bestanden
Aa
#CC1C58 auf #4F2D84
1,90:1
Nicht bestanden
Aa
#00D6BA auf #FFFAD6
1,76:1
Nicht bestanden
Aa
#FFC0CF auf #FF73C1
1,62:1
Nicht bestanden
Aa
#00608C auf #4F2D84
1,50:1
Nicht bestanden
Aa
#032165 auf #4F2D84
1,45:1
Nicht bestanden
Aa
#FFFAD6 auf #FFC0CF
1,45:1
Nicht bestanden
Aa
#032165 auf #000000
1,41:1
Nicht bestanden
Aa
#00D6BA auf #FF73C1
1,34:1
Nicht bestanden
Aa
#00608C auf #7B5CAB
1,30:1
Nicht bestanden
Aa
#00608C auf #CC1C58
1,27:1
Nicht bestanden
Aa
#00D6BA auf #FFC0CF
1,21:1
Nicht bestanden
Aa
#CC1C58 auf #7B5CAB
1,02:1
Nicht bestanden
Ähnliche Paletten
#F9ED69
#F08A5D
#B83B5E
#6A2C70
#7D5A50
#B4846C
#E5B299
#FCDEC0
#FFF8EA
#9E7676
#815B5B
#594545
#2C3639
#3F4E4F
#A27B5C
#DCD7C9
#F67280
#C06C84
#6C5B7B
#355C7D
#2B2E4A
#E84545
#903749
#53354A
#E5D9B6
#A4BE7B
#5F8D4E
#285430
#A9907E
#F3DEBA
#ABC4AA
#675D50