Black
#000000
4-Color Phosphorescent Green Palette
4-color palette · Neutral temperature · Dark tone · Split Complementary harmony
Likes
4,596
Colors
4
CSS variables
:root {
--c-vibrant-1: #000000;
--c-vibrant-2: #0F6292;
--c-vibrant-3: #16FF00;
--c-vibrant-4: #FFED00;
}About this palette
This 4-color vibrant palette runs from Sailor Moon (#FFED00) as its lightest tone to Black (#000000) as its darkest. It blends Black, Pontoon, Phosphorescent Green and Sailor Moon into a single set you can drop straight into a UI. Of its 6 color pairings, 4 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #FFED00 at 17.37:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
Pontoon
#0F6292
Phosphorescent Green
#16FF00
Sailor Moon
#FFED00
Contrast & accessibility
4 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa
#000000 on #FFED00
17.37:1
AAA
Aa
#000000 on #16FF00
15.34:1
AAA
Aa
#0F6292 on #FFED00
5.46:1
AA
Aa
#0F6292 on #16FF00
4.82:1
AA
Aa
#000000 on #0F6292
3.18:1
AA Large
Aa
#16FF00 on #FFED00
1.13:1
Fail
Similar palettes
#000000
#3E065F
#700B97
#8E05C2
#000000
#150050
#3F0071
#FB2576
#000000
#3E432E
#616F39
#A7D129
#4B5D67
#322F3D
#59405C
#87556F
#18230F
#27391C
#255F38
#1F7D53
#FF5200
#6F0000
#00263B
#00A1AB
#251D3A
#2A2550
#E04D01
#FF7700
#FFA900
#9D8221
#014441
#01252A