Sign Up Sign Up
ABYSS 9

ABYSS 9

9-color palette · Cool · Mixed · Triadic harmony

Back to Library

ABYSS 9

9-color palette · Cool temperature · Mixed tone · Triadic harmony

Modify
Muted 9 colors Cool Mixed Triadic cool glow ramp smooth
Likes 376
Colors 9

CSS variables

:root {
  --c-muted-1: #000000;
  --c-muted-2: #1F123A;
  --c-muted-3: #3A1E7E;
  --c-muted-4: #5429C2;
  --c-muted-5: #5463D9;
  --c-muted-6: #62AADD;
  --c-muted-7: #7FE3DC;
  --c-muted-8: #A0F5C6;
  --c-muted-9: #DDF8D0;
}

About this palette

This 9-color muted palette runs from Aquarelle Mint (#DDF8D0) as its lightest tone to Black (#000000) as its darkest. It blends Black, Blacklist, Explorer of the Galaxies, Blue Purple, Thick Blue, Acapulco Dive, Cold Blue, Nightly Aurora and Aquarelle Mint into a single set you can drop straight into a UI. Of its 36 color pairings, 15 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #000000 on #DDF8D0 at 18.41:1.

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

Color breakdown

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Luminance
0.000
Blacklist #1F123A
RGB
rgb(31, 18, 58)
HSL
hsl(260, 53%, 15%)
Luminance
0.010
Explorer of the Galaxies #3A1E7E
RGB
rgb(58, 30, 126)
HSL
hsl(258, 62%, 31%)
Luminance
0.033
Blue Purple #5429C2
RGB
rgb(84, 41, 194)
HSL
hsl(257, 65%, 46%)
Luminance
0.074
Thick Blue #5463D9
RGB
rgb(84, 99, 217)
HSL
hsl(233, 64%, 59%)
Luminance
0.158
Acapulco Dive #62AADD
RGB
rgb(98, 170, 221)
HSL
hsl(205, 64%, 63%)
Luminance
0.366
Cold Blue #7FE3DC
RGB
rgb(127, 227, 220)
HSL
hsl(176, 64%, 69%)
Luminance
0.646
Nightly Aurora #A0F5C6
RGB
rgb(160, 245, 198)
HSL
hsl(147, 81%, 79%)
Luminance
0.769
Aquarelle Mint #DDF8D0
RGB
rgb(221, 248, 208)
HSL
hsl(101, 74%, 89%)
Luminance
0.871

Contrast & accessibility

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

Aa #000000 on #DDF8D0 18.41:1 AAA
Aa #000000 on #A0F5C6 16.37:1 AAA
Aa #1F123A on #DDF8D0 15.27:1 AAA
Aa #000000 on #7FE3DC 13.92:1 AAA
Aa #1F123A on #A0F5C6 13.58:1 AAA
Aa #1F123A on #7FE3DC 11.55:1 AAA
Aa #3A1E7E on #DDF8D0 11.05:1 AAA
Aa #3A1E7E on #A0F5C6 9.82:1 AAA
Aa #3A1E7E on #7FE3DC 8.35:1 AAA
Aa #000000 on #62AADD 8.31:1 AAA
Aa #5429C2 on #DDF8D0 7.44:1 AAA
Aa #1F123A on #62AADD 6.89:1 AA
Aa #5429C2 on #A0F5C6 6.62:1 AA
Aa #5429C2 on #7FE3DC 5.63:1 AA
Aa #3A1E7E on #62AADD 4.99:1 AA
Aa #5463D9 on #DDF8D0 4.42:1 AA Large
Aa #000000 on #5463D9 4.16:1 AA Large
Aa #5463D9 on #A0F5C6 3.93:1 AA Large
Aa #1F123A on #5463D9 3.45:1 AA Large
Aa #5429C2 on #62AADD 3.36:1 AA Large
Aa #5463D9 on #7FE3DC 3.34:1 AA Large
Aa #3A1E7E on #5463D9 2.50:1 Fail
Aa #000000 on #5429C2 2.47:1 Fail
Aa #62AADD on #DDF8D0 2.21:1 Fail
Aa #1F123A on #5429C2 2.05:1 Fail
Aa #5463D9 on #62AADD 2.00:1 Fail
Aa #62AADD on #A0F5C6 1.97:1 Fail
Aa #5429C2 on #5463D9 1.68:1 Fail
Aa #000000 on #3A1E7E 1.67:1 Fail
Aa #62AADD on #7FE3DC 1.67:1 Fail
Aa #3A1E7E on #5429C2 1.48:1 Fail
Aa #1F123A on #3A1E7E 1.38:1 Fail
Aa #7FE3DC on #DDF8D0 1.32:1 Fail
Aa #000000 on #1F123A 1.21:1 Fail
Aa #7FE3DC on #A0F5C6 1.18:1 Fail
Aa #A0F5C6 on #DDF8D0 1.12: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