Underwater Realm
#293462
Likes
5,169
Colors
4
CSS variables
:root {
--c-vibrant-1: #293462;
--c-vibrant-2: #216583;
--c-vibrant-3: #00818A;
--c-vibrant-4: #F7BE16;
}About this palette
This 4-color vibrant palette runs from Ukon Saffron (#F7BE16) as its lightest tone to Underwater Realm (#293462) as its darkest. It blends Underwater Realm, Georgian Bay, Precious Blue and Ukon Saffron into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #293462 on #F7BE16 at 7:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
Georgian Bay
#216583
Precious Blue
#00818A
Ukon Saffron
#F7BE16
Contrast & accessibility
1 of 6 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.
Aa
#293462 on #F7BE16
7.00:1
AAA
Aa
#216583 on #F7BE16
3.79:1
AA Large
Aa
#00818A on #F7BE16
2.74:1
Fail
Aa
#293462 on #00818A
2.56:1
Fail
Aa
#293462 on #216583
1.85:1
Fail
Aa
#216583 on #00818A
1.39: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