Abyssal Deep Color Palette
Down past the light: ocean blue sinking through midnight navy into an inky abyss, with a deep-teal band and a few bioluminescent flashes of aqua. Mostly dark and atmospheric, built for depth, pressure, and mystery rather than sparkle. For underwater scenes, night seas, and moody marine design.
Get Paintrix free on the App Store.
Download
Hex codes
Color theory
Base
Complement
Analogous −30°
Analogous +30°
Triadic
Use it for
Code formats
CSS
:root {
--deep-sea-1: #2E6E9E;
--deep-sea-2: #286190;
--deep-sea-3: #225582;
--deep-sea-4: #1C4974;
--deep-sea-5: #173D66;
--deep-sea-6: #123158;
--deep-sea-7: #14365C;
--deep-sea-8: #112F50;
--deep-sea-9: #0E2844;
--deep-sea-10: #0B2138;
--deep-sea-11: #081A2C;
--deep-sea-12: #061320;
--deep-sea-13: #0A1A2E;
--deep-sea-14: #081626;
--deep-sea-15: #06121E;
--deep-sea-16: #050E16;
--deep-sea-17: #040A10;
--deep-sea-18: #03070C;
--deep-sea-19: #15565C;
--deep-sea-20: #114B50;
--deep-sea-21: #0E4044;
--deep-sea-22: #0B3538;
--deep-sea-23: #082A2C;
--deep-sea-24: #061F20;
--deep-sea-25: #3FD0C8;
--deep-sea-26: #33B8C4;
--deep-sea-27: #2A9CC0;
--deep-sea-28: #5AE0D0;
--deep-sea-29: #7CE8DA;
--deep-sea-30: #A0EFE4;
}SCSS
$deep-sea-1: #2E6E9E;
$deep-sea-2: #286190;
$deep-sea-3: #225582;
$deep-sea-4: #1C4974;
$deep-sea-5: #173D66;
$deep-sea-6: #123158;
$deep-sea-7: #14365C;
$deep-sea-8: #112F50;
$deep-sea-9: #0E2844;
$deep-sea-10: #0B2138;
$deep-sea-11: #081A2C;
$deep-sea-12: #061320;
$deep-sea-13: #0A1A2E;
$deep-sea-14: #081626;
$deep-sea-15: #06121E;
$deep-sea-16: #050E16;
$deep-sea-17: #040A10;
$deep-sea-18: #03070C;
$deep-sea-19: #15565C;
$deep-sea-20: #114B50;
$deep-sea-21: #0E4044;
$deep-sea-22: #0B3538;
$deep-sea-23: #082A2C;
$deep-sea-24: #061F20;
$deep-sea-25: #3FD0C8;
$deep-sea-26: #33B8C4;
$deep-sea-27: #2A9CC0;
$deep-sea-28: #5AE0D0;
$deep-sea-29: #7CE8DA;
$deep-sea-30: #A0EFE4;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'deep-sea': {
'1': '#2E6E9E',
'2': '#286190',
'3': '#225582',
'4': '#1C4974',
'5': '#173D66',
'6': '#123158',
'7': '#14365C',
'8': '#112F50',
'9': '#0E2844',
'10': '#0B2138',
'11': '#081A2C',
'12': '#061320',
'13': '#0A1A2E',
'14': '#081626',
'15': '#06121E',
'16': '#050E16',
'17': '#040A10',
'18': '#03070C',
'19': '#15565C',
'20': '#114B50',
'21': '#0E4044',
'22': '#0B3538',
'23': '#082A2C',
'24': '#061F20',
'25': '#3FD0C8',
'26': '#33B8C4',
'27': '#2A9CC0',
'28': '#5AE0D0',
'29': '#7CE8DA',
'30': '#A0EFE4',
},
},
},
},
};JSON
{
"name": "Abyssal Deep",
"colors": [
"#2E6E9E",
"#286190",
"#225582",
"#1C4974",
"#173D66",
"#123158",
"#14365C",
"#112F50",
"#0E2844",
"#0B2138",
"#081A2C",
"#061320",
"#0A1A2E",
"#081626",
"#06121E",
"#050E16",
"#040A10",
"#03070C",
"#15565C",
"#114B50",
"#0E4044",
"#0B3538",
"#082A2C",
"#061F20",
"#3FD0C8",
"#33B8C4",
"#2A9CC0",
"#5AE0D0",
"#7CE8DA",
"#A0EFE4"
]
}Hex list
#2E6E9E
#286190
#225582
#1C4974
#173D66
#123158
#14365C
#112F50
#0E2844
#0B2138
#081A2C
#061320
#0A1A2E
#081626
#06121E
#050E16
#040A10
#03070C
#15565C
#114B50
#0E4044
#0B3538
#082A2C
#061F20
#3FD0C8
#33B8C4
#2A9CC0
#5AE0D0
#7CE8DA
#A0EFE4