Sign Up Sign Up
4-Color Sandalwood Grey Blue Palette

4-Color Sandalwood Grey Blue Palette

4-color palette · Cool · Dark · Monochromatic harmony

Back to Library

4-Color Sandalwood Grey Blue Palette

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

Modify
Vibrant 4 colors Cool Dark Monochromatic
Likes 2,458
Colors 4

CSS variables

:root {
  --c-vibrant-1: #005461;
  --c-vibrant-2: #0C7779;
  --c-vibrant-3: #249E94;
  --c-vibrant-4: #3BC1A8;
}

About this palette

This 4-color vibrant palette runs from Pure Cyan (#3BC1A8) as its lightest tone to Sandalwood Grey Blue (#005461) as its darkest. It blends Sandalwood Grey Blue, Prismarine, Java and Pure Cyan into a single set you can drop straight into a UI. None of the 6 in-palette color pairings clear the WCAG AA contrast threshold (4.5:1), so pair these colors with black or white for body text.

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

Color breakdown

Sandalwood Grey Blue #005461
RGB
rgb(0, 84, 97)
HSL
hsl(188, 100%, 19%)
Luminance
0.072
Prismarine #0C7779
RGB
rgb(12, 119, 121)
HSL
hsl(181, 82%, 26%)
Luminance
0.147
Java #249E94
RGB
rgb(36, 158, 148)
HSL
hsl(175, 63%, 38%)
Luminance
0.270
Pure Cyan #3BC1A8
RGB
rgb(59, 193, 168)
HSL
hsl(169, 53%, 49%)
Luminance
0.419

Contrast & accessibility

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

Aa #005461 on #3BC1A8 3.84:1 AA Large
Aa #005461 on #249E94 2.62:1 Fail
Aa #0C7779 on #3BC1A8 2.39:1 Fail
Aa #0C7779 on #249E94 1.63:1 Fail
Aa #005461 on #0C7779 1.61:1 Fail
Aa #249E94 on #3BC1A8 1.47: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