Abyssal Blue
#01005E
Likes
3,741
Colors
4
CSS variables
:root {
--c-vibrant-1: #01005E;
--c-vibrant-2: #22267B;
--c-vibrant-3: #28518A;
--c-vibrant-4: #17B794;
}About this palette
This 4-color vibrant palette runs from Aloha (#17B794) as its lightest tone to Abyssal Blue (#01005E) as its darkest. It blends Abyssal Blue, St. Patrick’s Blue, Blue Nude and Aloha into a single set you can drop straight into a UI. Of its 6 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #01005E on #17B794 at 7.08:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
St. Patrick’s Blue
#22267B
Blue Nude
#28518A
Aloha
#17B794
Contrast & accessibility
2 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa
#01005E on #17B794
7.08:1
AAA
Aa
#22267B on #17B794
5.05:1
AA
Aa
#28518A on #17B794
3.13:1
AA Large
Aa
#01005E on #28518A
2.27:1
Fail
Aa
#22267B on #28518A
1.61:1
Fail
Aa
#01005E on #22267B
1.40:1
Fail
Similar palettes
#212121
#323232
#0D7377
#14FFEC
#0A2647
#144272
#205295
#2C74B3
#040D12
#183D3D
#5C8374
#93B1A6
#142850
#27496D
#0C7B93
#00A8CC
#635985
#443C68
#393053
#18122B
#000000
#150050
#3F0071
#610094
#151515
#301B3F
#3C415C
#B4A5A5
#041C32
#04293A
#064663
#ECB365