Sea Glass Color Palette
Frosted and beach-worn — pale seafoam, soft aqua, hazy sky blue, sandy beige, and a whisper of frosted lavender. Every color looks tumbled smooth and a little misty, like glass found at the tide line. A gentle coastal pastel set for soft beach branding, nursery palettes, and airy summer layouts.
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 {
--sea-glass-1: #E4F0E8;
--sea-glass-2: #D2E6DA;
--sea-glass-3: #BFDBCB;
--sea-glass-4: #ABD0BC;
--sea-glass-5: #97C5AD;
--sea-glass-6: #83BA9E;
--sea-glass-7: #CDE6E6;
--sea-glass-8: #B6DBDC;
--sea-glass-9: #9ECFD1;
--sea-glass-10: #86C3C6;
--sea-glass-11: #6FB7BB;
--sea-glass-12: #5AABB0;
--sea-glass-13: #CEE0EC;
--sea-glass-14: #B7CFDF;
--sea-glass-15: #9FBED1;
--sea-glass-16: #88ADC3;
--sea-glass-17: #729CB4;
--sea-glass-18: #5D8BA5;
--sea-glass-19: #EFE6D2;
--sea-glass-20: #E2D5BB;
--sea-glass-21: #D3C3A2;
--sea-glass-22: #C2AF88;
--sea-glass-23: #B09B70;
--sea-glass-24: #9C8659;
--sea-glass-25: #DEDAEA;
--sea-glass-26: #CBC5DD;
--sea-glass-27: #B7B0CE;
--sea-glass-28: #A29ABD;
--sea-glass-29: #8D84AB;
--sea-glass-30: #786F97;
}SCSS
$sea-glass-1: #E4F0E8;
$sea-glass-2: #D2E6DA;
$sea-glass-3: #BFDBCB;
$sea-glass-4: #ABD0BC;
$sea-glass-5: #97C5AD;
$sea-glass-6: #83BA9E;
$sea-glass-7: #CDE6E6;
$sea-glass-8: #B6DBDC;
$sea-glass-9: #9ECFD1;
$sea-glass-10: #86C3C6;
$sea-glass-11: #6FB7BB;
$sea-glass-12: #5AABB0;
$sea-glass-13: #CEE0EC;
$sea-glass-14: #B7CFDF;
$sea-glass-15: #9FBED1;
$sea-glass-16: #88ADC3;
$sea-glass-17: #729CB4;
$sea-glass-18: #5D8BA5;
$sea-glass-19: #EFE6D2;
$sea-glass-20: #E2D5BB;
$sea-glass-21: #D3C3A2;
$sea-glass-22: #C2AF88;
$sea-glass-23: #B09B70;
$sea-glass-24: #9C8659;
$sea-glass-25: #DEDAEA;
$sea-glass-26: #CBC5DD;
$sea-glass-27: #B7B0CE;
$sea-glass-28: #A29ABD;
$sea-glass-29: #8D84AB;
$sea-glass-30: #786F97;Tailwind
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'sea-glass': {
'1': '#E4F0E8',
'2': '#D2E6DA',
'3': '#BFDBCB',
'4': '#ABD0BC',
'5': '#97C5AD',
'6': '#83BA9E',
'7': '#CDE6E6',
'8': '#B6DBDC',
'9': '#9ECFD1',
'10': '#86C3C6',
'11': '#6FB7BB',
'12': '#5AABB0',
'13': '#CEE0EC',
'14': '#B7CFDF',
'15': '#9FBED1',
'16': '#88ADC3',
'17': '#729CB4',
'18': '#5D8BA5',
'19': '#EFE6D2',
'20': '#E2D5BB',
'21': '#D3C3A2',
'22': '#C2AF88',
'23': '#B09B70',
'24': '#9C8659',
'25': '#DEDAEA',
'26': '#CBC5DD',
'27': '#B7B0CE',
'28': '#A29ABD',
'29': '#8D84AB',
'30': '#786F97',
},
},
},
},
};JSON
{
"name": "Sea Glass",
"colors": [
"#E4F0E8",
"#D2E6DA",
"#BFDBCB",
"#ABD0BC",
"#97C5AD",
"#83BA9E",
"#CDE6E6",
"#B6DBDC",
"#9ECFD1",
"#86C3C6",
"#6FB7BB",
"#5AABB0",
"#CEE0EC",
"#B7CFDF",
"#9FBED1",
"#88ADC3",
"#729CB4",
"#5D8BA5",
"#EFE6D2",
"#E2D5BB",
"#D3C3A2",
"#C2AF88",
"#B09B70",
"#9C8659",
"#DEDAEA",
"#CBC5DD",
"#B7B0CE",
"#A29ABD",
"#8D84AB",
"#786F97"
]
}Hex list
#E4F0E8
#D2E6DA
#BFDBCB
#ABD0BC
#97C5AD
#83BA9E
#CDE6E6
#B6DBDC
#9ECFD1
#86C3C6
#6FB7BB
#5AABB0
#CEE0EC
#B7CFDF
#9FBED1
#88ADC3
#729CB4
#5D8BA5
#EFE6D2
#E2D5BB
#D3C3A2
#C2AF88
#B09B70
#9C8659
#DEDAEA
#CBC5DD
#B7B0CE
#A29ABD
#8D84AB
#786F97