Sign Up Sign Up
4-Color Frozen Boubble Palette

4-Color Frozen Boubble Palette

4-color palette · Cool · Dark · Monochromatic harmony

Back to Library

4-Color Frozen Boubble Palette

4-color palette · Cool temperature · Dark tone · Monochromatic harmony

Modify
Vibrant 4 colors Cool Dark Monochromatic
Likes 4,485
Colors 4

CSS variables

:root {
  --c-vibrant-1: #015051;
  --c-vibrant-2: #04837B;
  --c-vibrant-3: #01A7A3;
  --c-vibrant-4: #04F2D5;
}

About this palette

This 4-color vibrant palette runs from Frozen Boubble (#04F2D5) as its lightest tone to Wool Turquoise (#015051) as its darkest. It blends Wool Turquoise, Blue Winged Teal, Jadestone and Frozen Boubble into a single set you can drop straight into a UI. Of its 6 color pairings, 1 meets the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #015051 on #04F2D5 at 6.47:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Wool Turquoise #015051
RGB
rgb(1, 80, 81)
HSL
hsl(181, 98%, 16%)
Luminance
0.063
Blue Winged Teal #04837B
RGB
rgb(4, 131, 123)
HSL
hsl(176, 94%, 26%)
Luminance
0.177
Jadestone #01A7A3
RGB
rgb(1, 167, 163)
HSL
hsl(179, 99%, 33%)
Luminance
0.303
Frozen Boubble #04F2D5
RGB
rgb(4, 242, 213)
HSL
hsl(173, 97%, 48%)
Luminance
0.683

Contrast & accessibility

1 of 6 color pairings meets the WCAG AA contrast threshold (4.5:1) for body text.

Aa #015051 on #04F2D5 6.47:1 AA
Aa #04837B on #04F2D5 3.23:1 AA Large
Aa #015051 on #01A7A3 3.11:1 AA Large
Aa #01A7A3 on #04F2D5 2.08:1 Fail
Aa #015051 on #04837B 2.00:1 Fail
Aa #04837B on #01A7A3 1.56:1 Fail

Similar palettes

#212121 #323232 #0D7377 #14FFEC
4 colors
#0A2647 #144272 #205295 #2C74B3
4 colors
#040D12 #183D3D #5C8374 #93B1A6
4 colors
#142850 #27496D #0C7B93 #00A8CC
4 colors
#635985 #443C68 #393053 #18122B
4 colors
#000000 #150050 #3F0071 #610094
4 colors
#151515 #301B3F #3C415C #B4A5A5
4 colors
#041C32 #04293A #064663 #ECB365
4 colors