Sign Up Sign Up
Cyan Abyss

Cyan Abyss

11-color palette · Cool · Dark · Analogous harmony

Back to Library

Cyan Abyss

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

Modify
Muted 11 colors Cool Dark Analogous dark black cyan cave
Likes 159
Colors 11

CSS variables

:root {
  --c-muted-1: #06080A;
  --c-muted-2: #080E12;
  --c-muted-3: #09151B;
  --c-muted-4: #081E26;
  --c-muted-5: #052A32;
  --c-muted-6: #184042;
  --c-muted-7: #204C48;
  --c-muted-8: #365C51;
  --c-muted-9: #4E715F;
  --c-muted-10: #809A80;
  --c-muted-11: #9EAF99;
}

About this palette

This 11-color muted palette runs from Garden (#9EAF99) as its lightest tone to Reversed Grey (#06080A) as its darkest. It blends Reversed Grey, Midnight Oil, Midnight Edition, Teal Spill, Daintree, Tiber, Nighthawks, Holly Bush, Green Valley, Dinosaur and Garden into a single set you can drop straight into a UI. Of its 55 color pairings, 11 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #06080A on #9EAF99 at 8.64:1.

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

Color breakdown

Reversed Grey #06080A
RGB
rgb(6, 8, 10)
HSL
hsl(210, 25%, 3%)
Luminance
0.002
Midnight Oil #080E12
RGB
rgb(8, 14, 18)
HSL
hsl(204, 38%, 5%)
Luminance
0.004
Midnight Edition #09151B
RGB
rgb(9, 21, 27)
HSL
hsl(200, 50%, 7%)
Luminance
0.007
Teal Spill #081E26
RGB
rgb(8, 30, 38)
HSL
hsl(196, 65%, 9%)
Luminance
0.011
Daintree #052A32
RGB
rgb(5, 42, 50)
HSL
hsl(191, 82%, 11%)
Luminance
0.019
Tiber #184042
RGB
rgb(24, 64, 66)
HSL
hsl(183, 47%, 18%)
Luminance
0.043
Nighthawks #204C48
RGB
rgb(32, 76, 72)
HSL
hsl(175, 41%, 21%)
Luminance
0.059
Holly Bush #365C51
RGB
rgb(54, 92, 81)
HSL
hsl(163, 26%, 29%)
Luminance
0.090
Green Valley #4E715F
RGB
rgb(78, 113, 95)
HSL
hsl(149, 18%, 37%)
Luminance
0.143
Dinosaur #809A80
RGB
rgb(128, 154, 128)
HSL
hsl(120, 11%, 55%)
Luminance
0.293
Garden #9EAF99
RGB
rgb(158, 175, 153)
HSL
hsl(106, 12%, 64%)
Luminance
0.402

Contrast & accessibility

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

Aa #06080A on #9EAF99 8.64:1 AAA
Aa #080E12 on #9EAF99 8.36:1 AAA
Aa #09151B on #9EAF99 7.97:1 AAA
Aa #081E26 on #9EAF99 7.39:1 AAA
Aa #06080A on #809A80 6.55:1 AA
Aa #052A32 on #9EAF99 6.54:1 AA
Aa #080E12 on #809A80 6.33:1 AA
Aa #09151B on #809A80 6.04:1 AA
Aa #081E26 on #809A80 5.60:1 AA
Aa #052A32 on #809A80 4.95:1 AA
Aa #184042 on #9EAF99 4.89:1 AA
Aa #204C48 on #9EAF99 4.13:1 AA Large
Aa #184042 on #809A80 3.70:1 AA Large
Aa #06080A on #4E715F 3.68:1 AA Large
Aa #080E12 on #4E715F 3.56:1 AA Large
Aa #09151B on #4E715F 3.39:1 AA Large
Aa #365C51 on #9EAF99 3.22:1 AA Large
Aa #081E26 on #4E715F 3.15:1 AA Large
Aa #204C48 on #809A80 3.13:1 AA Large
Aa #052A32 on #4E715F 2.78:1 Fail
Aa #06080A on #365C51 2.68:1 Fail
Aa #080E12 on #365C51 2.59:1 Fail
Aa #09151B on #365C51 2.47:1 Fail
Aa #365C51 on #809A80 2.44:1 Fail
Aa #4E715F on #9EAF99 2.35:1 Fail
Aa #081E26 on #365C51 2.29:1 Fail
Aa #06080A on #204C48 2.09:1 Fail
Aa #184042 on #4E715F 2.08:1 Fail
Aa #052A32 on #365C51 2.03:1 Fail
Aa #080E12 on #204C48 2.02:1 Fail
Aa #09151B on #204C48 1.93:1 Fail
Aa #081E26 on #204C48 1.79:1 Fail
Aa #4E715F on #809A80 1.78:1 Fail
Aa #06080A on #184042 1.77:1 Fail
Aa #204C48 on #4E715F 1.76:1 Fail
Aa #080E12 on #184042 1.71:1 Fail
Aa #09151B on #184042 1.63:1 Fail
Aa #052A32 on #204C48 1.58:1 Fail
Aa #184042 on #365C51 1.52:1 Fail
Aa #081E26 on #184042 1.51:1 Fail
Aa #365C51 on #4E715F 1.37:1 Fail
Aa #052A32 on #184042 1.34:1 Fail
Aa #06080A on #052A32 1.32:1 Fail
Aa #809A80 on #9EAF99 1.32:1 Fail
Aa #080E12 on #052A32 1.28:1 Fail
Aa #204C48 on #365C51 1.28:1 Fail
Aa #09151B on #052A32 1.22:1 Fail
Aa #184042 on #204C48 1.18:1 Fail
Aa #06080A on #081E26 1.17:1 Fail
Aa #080E12 on #081E26 1.13:1 Fail
Aa #081E26 on #052A32 1.13:1 Fail
Aa #06080A on #09151B 1.08:1 Fail
Aa #09151B on #081E26 1.08:1 Fail
Aa #080E12 on #09151B 1.05:1 Fail
Aa #06080A on #080E12 1.03: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