Sign Up Sign Up
Oceanic Depth 11

Oceanic Depth 11

11-color palette · Cool · Mixed · Analogous harmony

Back to Library

Oceanic Depth 11

11-color palette · Cool temperature · Mixed tone · Analogous harmony

Modify
Muted 11 colors Cool Mixed Analogous green blue cool ocean
Likes 19
Colors 11

CSS variables

:root {
  --c-muted-1: #5C94CC;
  --c-muted-2: #4D7CBF;
  --c-muted-3: #3E65B3;
  --c-muted-4: #324FA6;
  --c-muted-5: #263999;
  --c-muted-6: #5C6B99;
  --c-muted-7: #4D8394;
  --c-muted-8: #3E9A90;
  --c-muted-9: #32B08D;
  --c-muted-10: #26C688;
  --c-muted-11: #E6A82E;
}

About this palette

This 11-color muted palette runs from Mustard Glaze (#E6A82E) as its lightest tone to Liquid Denim (#263999) as its darkest. It blends Winter Lake, Parkwater, Kakitsubata Blue, Dazzling Blue, Liquid Denim, Moonshade, Night Masque, Sea, Hisui Kingfisher, Píng Gǔo Lǜ Green and Mustard Glaze into a single set you can drop straight into a UI. Of its 55 color pairings, 1 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #263999 on #E6A82E at 4.7:1.

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

Color breakdown

Winter Lake #5C94CC
RGB
rgb(92, 148, 204)
HSL
hsl(210, 52%, 58%)
Luminance
0.278
Parkwater #4D7CBF
RGB
rgb(77, 124, 191)
HSL
hsl(215, 47%, 53%)
Luminance
0.198
Kakitsubata Blue #3E65B3
RGB
rgb(62, 101, 179)
HSL
hsl(220, 49%, 47%)
Luminance
0.136
Dazzling Blue #324FA6
RGB
rgb(50, 79, 166)
HSL
hsl(225, 54%, 42%)
Luminance
0.090
Liquid Denim #263999
RGB
rgb(38, 57, 153)
HSL
hsl(230, 60%, 37%)
Luminance
0.056
Moonshade #5C6B99
RGB
rgb(92, 107, 153)
HSL
hsl(225, 25%, 48%)
Luminance
0.151
Night Masque #4D8394
RGB
rgb(77, 131, 148)
HSL
hsl(194, 32%, 44%)
Luminance
0.200
Sea #3E9A90
RGB
rgb(62, 154, 144)
HSL
hsl(173, 43%, 42%)
Luminance
0.262
Hisui Kingfisher #32B08D
RGB
rgb(50, 176, 141)
HSL
hsl(163, 56%, 44%)
Luminance
0.337
Píng Gǔo Lǜ Green #26C688
RGB
rgb(38, 198, 136)
HSL
hsl(157, 68%, 46%)
Luminance
0.426
Mustard Glaze #E6A82E
RGB
rgb(230, 168, 46)
HSL
hsl(40, 79%, 54%)
Luminance
0.450

Contrast & accessibility

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

Aa #263999 on #E6A82E 4.70:1 AA
Aa #263999 on #26C688 4.47:1 AA Large
Aa #263999 on #32B08D 3.63:1 AA Large
Aa #324FA6 on #E6A82E 3.57:1 AA Large
Aa #324FA6 on #26C688 3.39:1 AA Large
Aa #5C94CC on #263999 3.08:1 AA Large
Aa #263999 on #3E9A90 2.93:1 Fail
Aa #324FA6 on #32B08D 2.76:1 Fail
Aa #3E65B3 on #E6A82E 2.69:1 Fail
Aa #3E65B3 on #26C688 2.56:1 Fail
Aa #5C6B99 on #E6A82E 2.49:1 Fail
Aa #5C6B99 on #26C688 2.37:1 Fail
Aa #263999 on #4D8394 2.35:1 Fail
Aa #5C94CC on #324FA6 2.34:1 Fail
Aa #4D7CBF on #263999 2.33:1 Fail
Aa #324FA6 on #3E9A90 2.22:1 Fail
Aa #3E65B3 on #32B08D 2.08:1 Fail
Aa #4D7CBF on #E6A82E 2.02:1 Fail
Aa #4D8394 on #E6A82E 2.01:1 Fail
Aa #4D7CBF on #26C688 1.92:1 Fail
Aa #5C6B99 on #32B08D 1.92:1 Fail
Aa #4D8394 on #26C688 1.91:1 Fail
Aa #263999 on #5C6B99 1.89:1 Fail
Aa #324FA6 on #4D8394 1.78:1 Fail
Aa #5C94CC on #3E65B3 1.77:1 Fail
Aa #4D7CBF on #324FA6 1.77:1 Fail
Aa #3E65B3 on #263999 1.75:1 Fail
Aa #3E65B3 on #3E9A90 1.68:1 Fail
Aa #5C94CC on #5C6B99 1.63:1 Fail
Aa #3E9A90 on #E6A82E 1.61:1 Fail
Aa #4D7CBF on #32B08D 1.56:1 Fail
Aa #5C6B99 on #3E9A90 1.55:1 Fail
Aa #4D8394 on #32B08D 1.55:1 Fail
Aa #3E9A90 on #26C688 1.53:1 Fail
Aa #5C94CC on #E6A82E 1.52:1 Fail
Aa #5C94CC on #26C688 1.45:1 Fail
Aa #324FA6 on #5C6B99 1.43:1 Fail
Aa #3E65B3 on #4D8394 1.34:1 Fail
Aa #5C94CC on #4D7CBF 1.33:1 Fail
Aa #4D7CBF on #3E65B3 1.33:1 Fail
Aa #3E65B3 on #324FA6 1.33:1 Fail
Aa #5C94CC on #4D8394 1.32:1 Fail
Aa #324FA6 on #263999 1.32:1 Fail
Aa #32B08D on #E6A82E 1.29:1 Fail
Aa #4D7CBF on #3E9A90 1.26:1 Fail
Aa #4D8394 on #3E9A90 1.25:1 Fail
Aa #5C6B99 on #4D8394 1.24:1 Fail
Aa #3E9A90 on #32B08D 1.24:1 Fail
Aa #4D7CBF on #5C6B99 1.23:1 Fail
Aa #32B08D on #26C688 1.23:1 Fail
Aa #5C94CC on #32B08D 1.18:1 Fail
Aa #3E65B3 on #5C6B99 1.08:1 Fail
Aa #5C94CC on #3E9A90 1.05:1 Fail
Aa #26C688 on #E6A82E 1.05:1 Fail
Aa #4D7CBF on #4D8394 1.01:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors