← Back to Tools
Design airy, gentle 2025 branding with this eggshell blue palette featuring #9EC6C2 eggshell blue, #C6DEDA pale aqua, #E4F0EF frost mist, #6E9C98 dusty seafoam, and #4A6E6B deep slate aqua.
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--eggshell-blue: #9EC6C2;
--eggshell-blue-50: #fcfefe;
--eggshell-blue-100: #f9fdfc;
--eggshell-blue-200: #f2faf9;
--eggshell-blue-300: #eaf6f5;
--eggshell-blue-400: #dff0ee;
--eggshell-blue-500: #9EC6C2;
--eggshell-blue-600: #adc1bf;
--eggshell-blue-700: #778887;
--eggshell-blue-800: #475453;
--eggshell-blue-900: #202928;
--eggshell-blue-950: #050707;
--pale-aqua: #C6DEDA;
--pale-aqua-50: #fdfffe;
--pale-aqua-100: #fbfefd;
--pale-aqua-200: #f8fcfb;
--pale-aqua-300: #f3faf9;
--pale-aqua-400: #edf6f5;
--pale-aqua-500: #C6DEDA;
--pale-aqua-600: #c0cbc9;
--pale-aqua-700: #868f8e;
--pale-aqua-800: #515857;
--pale-aqua-900: #262b2a;
--pale-aqua-950: #070808;
--frost-mist: #E4F0EF;
--frost-mist-50: #feffff;
--frost-mist-100: #fdfefe;
--frost-mist-200: #fcfefe;
--frost-mist-300: #fafdfc;
--frost-mist-400: #f7fbfb;
--frost-mist-500: #E4F0EF;
--frost-mist-600: #cdd2d1;
--frost-mist-700: #909494;
--frost-mist-800: #585b5b;
--frost-mist-900: #2a2c2c;
--frost-mist-950: #080909;
--dusty-seafoam: #6E9C98;
--dusty-seafoam-50: #fafefd;
--dusty-seafoam-100: #f5fbfa;
--dusty-seafoam-200: #eaf5f4;
--dusty-seafoam-300: #ddedec;
--dusty-seafoam-400: #cbe2e0;
--dusty-seafoam-500: #6E9C98;
--dusty-seafoam-600: #92adab;
--dusty-seafoam-700: #637a79;
--dusty-seafoam-800: #394b4a;
--dusty-seafoam-900: #182423;
--dusty-seafoam-950: #030606;
--deep-slate-aqua: #4A6E6B;
--deep-slate-aqua-50: #f9fcfc;
--deep-slate-aqua-100: #f2f8f7;
--deep-slate-aqua-200: #e4eeed;
--deep-slate-aqua-300: #d1e1e0;
--deep-slate-aqua-400: #b9d0ce;
--deep-slate-aqua-500: #4A6E6B;
--deep-slate-aqua-600: #799492;
--deep-slate-aqua-700: #516866;
--deep-slate-aqua-800: #2e3f3e;
--deep-slate-aqua-900: #121d1c;
--deep-slate-aqua-950: #020404;
}
$eggshell-blue: #9EC6C2; $eggshell-blue-50: #fcfefe; $eggshell-blue-100: #f9fdfc; $eggshell-blue-200: #f2faf9; $eggshell-blue-300: #eaf6f5; $eggshell-blue-400: #dff0ee; $eggshell-blue-500: #9EC6C2; $eggshell-blue-600: #adc1bf; $eggshell-blue-700: #778887; $eggshell-blue-800: #475453; $eggshell-blue-900: #202928; $eggshell-blue-950: #050707; $pale-aqua: #C6DEDA; $pale-aqua-50: #fdfffe; $pale-aqua-100: #fbfefd; $pale-aqua-200: #f8fcfb; $pale-aqua-300: #f3faf9; $pale-aqua-400: #edf6f5; $pale-aqua-500: #C6DEDA; $pale-aqua-600: #c0cbc9; $pale-aqua-700: #868f8e; $pale-aqua-800: #515857; $pale-aqua-900: #262b2a; $pale-aqua-950: #070808; $frost-mist: #E4F0EF; $frost-mist-50: #feffff; $frost-mist-100: #fdfefe; $frost-mist-200: #fcfefe; $frost-mist-300: #fafdfc; $frost-mist-400: #f7fbfb; $frost-mist-500: #E4F0EF; $frost-mist-600: #cdd2d1; $frost-mist-700: #909494; $frost-mist-800: #585b5b; $frost-mist-900: #2a2c2c; $frost-mist-950: #080909; $dusty-seafoam: #6E9C98; $dusty-seafoam-50: #fafefd; $dusty-seafoam-100: #f5fbfa; $dusty-seafoam-200: #eaf5f4; $dusty-seafoam-300: #ddedec; $dusty-seafoam-400: #cbe2e0; $dusty-seafoam-500: #6E9C98; $dusty-seafoam-600: #92adab; $dusty-seafoam-700: #637a79; $dusty-seafoam-800: #394b4a; $dusty-seafoam-900: #182423; $dusty-seafoam-950: #030606; $deep-slate-aqua: #4A6E6B; $deep-slate-aqua-50: #f9fcfc; $deep-slate-aqua-100: #f2f8f7; $deep-slate-aqua-200: #e4eeed; $deep-slate-aqua-300: #d1e1e0; $deep-slate-aqua-400: #b9d0ce; $deep-slate-aqua-500: #4A6E6B; $deep-slate-aqua-600: #799492; $deep-slate-aqua-700: #516866; $deep-slate-aqua-800: #2e3f3e; $deep-slate-aqua-900: #121d1c; $deep-slate-aqua-950: #020404;
colors: {
'eggshell-blue': {
50: '#fcfefe',
100: '#f9fdfc',
200: '#f2faf9',
300: '#eaf6f5',
400: '#dff0ee',
500: '#9EC6C2',
600: '#adc1bf',
700: '#778887',
800: '#475453',
900: '#202928',
950: '#050707',
DEFAULT: '#9EC6C2',
},
'pale-aqua': {
50: '#fdfffe',
100: '#fbfefd',
200: '#f8fcfb',
300: '#f3faf9',
400: '#edf6f5',
500: '#C6DEDA',
600: '#c0cbc9',
700: '#868f8e',
800: '#515857',
900: '#262b2a',
950: '#070808',
DEFAULT: '#C6DEDA',
},
'frost-mist': {
50: '#feffff',
100: '#fdfefe',
200: '#fcfefe',
300: '#fafdfc',
400: '#f7fbfb',
500: '#E4F0EF',
600: '#cdd2d1',
700: '#909494',
800: '#585b5b',
900: '#2a2c2c',
950: '#080909',
DEFAULT: '#E4F0EF',
},
'dusty-seafoam': {
50: '#fafefd',
100: '#f5fbfa',
200: '#eaf5f4',
300: '#ddedec',
400: '#cbe2e0',
500: '#6E9C98',
600: '#92adab',
700: '#637a79',
800: '#394b4a',
900: '#182423',
950: '#030606',
DEFAULT: '#6E9C98',
},
'deep-slate-aqua': {
50: '#f9fcfc',
100: '#f2f8f7',
200: '#e4eeed',
300: '#d1e1e0',
400: '#b9d0ce',
500: '#4A6E6B',
600: '#799492',
700: '#516866',
800: '#2e3f3e',
900: '#121d1c',
950: '#020404',
DEFAULT: '#4A6E6B',
},
},
[
{
"name": "eggshell-blue",
"harmony": "Palette",
"hex": "#9EC6C2",
"rgb": {
"r": 158,
"g": 198,
"b": 194
},
"hsl": {
"h": 174,
"s": 26,
"l": 70
},
"value": "#9EC6C2",
"tonalScale": {
"50": {
"hex": "#fcfefe",
"rgb": {
"r": 252,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#f9fdfc",
"rgb": {
"r": 249,
"g": 253,
"b": 252
}
},
"200": {
"hex": "#f2faf9",
"rgb": {
"r": 242,
"g": 250,
"b": 249
}
},
"300": {
"hex": "#eaf6f5",
"rgb": {
"r": 234,
"g": 246,
"b": 245
}
},
"400": {
"hex": "#dff0ee",
"rgb": {
"r": 223,
"g": 240,
"b": 238
}
},
"500": {
"hex": "#9EC6C2",
"rgb": {
"r": 158,
"g": 198,
"b": 194
}
},
"600": {
"hex": "#adc1bf",
"rgb": {
"r": 173,
"g": 193,
"b": 191
}
},
"700": {
"hex": "#778887",
"rgb": {
"r": 119,
"g": 136,
"b": 135
}
},
"800": {
"hex": "#475453",
"rgb": {
"r": 71,
"g": 84,
"b": 83
}
},
"900": {
"hex": "#202928",
"rgb": {
"r": 32,
"g": 41,
"b": 40
}
},
"950": {
"hex": "#050707",
"rgb": {
"r": 5,
"g": 7,
"b": 7
}
}
}
},
{
"name": "pale-aqua",
"harmony": "Palette",
"hex": "#C6DEDA",
"rgb": {
"r": 198,
"g": 222,
"b": 218
},
"hsl": {
"h": 170,
"s": 27,
"l": 82
},
"value": "#C6DEDA",
"tonalScale": {
"50": {
"hex": "#fdfffe",
"rgb": {
"r": 253,
"g": 255,
"b": 254
}
},
"100": {
"hex": "#fbfefd",
"rgb": {
"r": 251,
"g": 254,
"b": 253
}
},
"200": {
"hex": "#f8fcfb",
"rgb": {
"r": 248,
"g": 252,
"b": 251
}
},
"300": {
"hex": "#f3faf9",
"rgb": {
"r": 243,
"g": 250,
"b": 249
}
},
"400": {
"hex": "#edf6f5",
"rgb": {
"r": 237,
"g": 246,
"b": 245
}
},
"500": {
"hex": "#C6DEDA",
"rgb": {
"r": 198,
"g": 222,
"b": 218
}
},
"600": {
"hex": "#c0cbc9",
"rgb": {
"r": 192,
"g": 203,
"b": 201
}
},
"700": {
"hex": "#868f8e",
"rgb": {
"r": 134,
"g": 143,
"b": 142
}
},
"800": {
"hex": "#515857",
"rgb": {
"r": 81,
"g": 88,
"b": 87
}
},
"900": {
"hex": "#262b2a",
"rgb": {
"r": 38,
"g": 43,
"b": 42
}
},
"950": {
"hex": "#070808",
"rgb": {
"r": 7,
"g": 8,
"b": 8
}
}
}
},
{
"name": "frost-mist",
"harmony": "Palette",
"hex": "#E4F0EF",
"rgb": {
"r": 228,
"g": 240,
"b": 239
},
"hsl": {
"h": 175,
"s": 29,
"l": 92
},
"value": "#E4F0EF",
"tonalScale": {
"50": {
"hex": "#feffff",
"rgb": {
"r": 254,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#fdfefe",
"rgb": {
"r": 253,
"g": 254,
"b": 254
}
},
"200": {
"hex": "#fcfefe",
"rgb": {
"r": 252,
"g": 254,
"b": 254
}
},
"300": {
"hex": "#fafdfc",
"rgb": {
"r": 250,
"g": 253,
"b": 252
}
},
"400": {
"hex": "#f7fbfb",
"rgb": {
"r": 247,
"g": 251,
"b": 251
}
},
"500": {
"hex": "#E4F0EF",
"rgb": {
"r": 228,
"g": 240,
"b": 239
}
},
"600": {
"hex": "#cdd2d1",
"rgb": {
"r": 205,
"g": 210,
"b": 209
}
},
"700": {
"hex": "#909494",
"rgb": {
"r": 144,
"g": 148,
"b": 148
}
},
"800": {
"hex": "#585b5b",
"rgb": {
"r": 88,
"g": 91,
"b": 91
}
},
"900": {
"hex": "#2a2c2c",
"rgb": {
"r": 42,
"g": 44,
"b": 44
}
},
"950": {
"hex": "#080909",
"rgb": {
"r": 8,
"g": 9,
"b": 9
}
}
}
},
{
"name": "dusty-seafoam",
"harmony": "Palette",
"hex": "#6E9C98",
"rgb": {
"r": 110,
"g": 156,
"b": 152
},
"hsl": {
"h": 175,
"s": 19,
"l": 52
},
"value": "#6E9C98",
"tonalScale": {
"50": {
"hex": "#fafefd",
"rgb": {
"r": 250,
"g": 254,
"b": 253
}
},
"100": {
"hex": "#f5fbfa",
"rgb": {
"r": 245,
"g": 251,
"b": 250
}
},
"200": {
"hex": "#eaf5f4",
"rgb": {
"r": 234,
"g": 245,
"b": 244
}
},
"300": {
"hex": "#ddedec",
"rgb": {
"r": 221,
"g": 237,
"b": 236
}
},
"400": {
"hex": "#cbe2e0",
"rgb": {
"r": 203,
"g": 226,
"b": 224
}
},
"500": {
"hex": "#6E9C98",
"rgb": {
"r": 110,
"g": 156,
"b": 152
}
},
"600": {
"hex": "#92adab",
"rgb": {
"r": 146,
"g": 173,
"b": 171
}
},
"700": {
"hex": "#637a79",
"rgb": {
"r": 99,
"g": 122,
"b": 121
}
},
"800": {
"hex": "#394b4a",
"rgb": {
"r": 57,
"g": 75,
"b": 74
}
},
"900": {
"hex": "#182423",
"rgb": {
"r": 24,
"g": 36,
"b": 35
}
},
"950": {
"hex": "#030606",
"rgb": {
"r": 3,
"g": 6,
"b": 6
}
}
}
},
{
"name": "deep-slate-aqua",
"harmony": "Palette",
"hex": "#4A6E6B",
"rgb": {
"r": 74,
"g": 110,
"b": 107
},
"hsl": {
"h": 175,
"s": 20,
"l": 36
},
"value": "#4A6E6B",
"tonalScale": {
"50": {
"hex": "#f9fcfc",
"rgb": {
"r": 249,
"g": 252,
"b": 252
}
},
"100": {
"hex": "#f2f8f7",
"rgb": {
"r": 242,
"g": 248,
"b": 247
}
},
"200": {
"hex": "#e4eeed",
"rgb": {
"r": 228,
"g": 238,
"b": 237
}
},
"300": {
"hex": "#d1e1e0",
"rgb": {
"r": 209,
"g": 225,
"b": 224
}
},
"400": {
"hex": "#b9d0ce",
"rgb": {
"r": 185,
"g": 208,
"b": 206
}
},
"500": {
"hex": "#4A6E6B",
"rgb": {
"r": 74,
"g": 110,
"b": 107
}
},
"600": {
"hex": "#799492",
"rgb": {
"r": 121,
"g": 148,
"b": 146
}
},
"700": {
"hex": "#516866",
"rgb": {
"r": 81,
"g": 104,
"b": 102
}
},
"800": {
"hex": "#2e3f3e",
"rgb": {
"r": 46,
"g": 63,
"b": 62
}
},
"900": {
"hex": "#121d1c",
"rgb": {
"r": 18,
"g": 29,
"b": 28
}
},
"950": {
"hex": "#020404",
"rgb": {
"r": 2,
"g": 4,
"b": 4
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 eggshell-blue,Palette,#9EC6C2,"rgb(158, 198, 194)","hsl(174, 26%, 70%)",#9EC6C2,#fcfefe,#f9fdfc,#f2faf9,#eaf6f5,#dff0ee,#9EC6C2,#adc1bf,#778887,#475453,#202928,#050707 pale-aqua,Palette,#C6DEDA,"rgb(198, 222, 218)","hsl(170, 27%, 82%)",#C6DEDA,#fdfffe,#fbfefd,#f8fcfb,#f3faf9,#edf6f5,#C6DEDA,#c0cbc9,#868f8e,#515857,#262b2a,#070808 frost-mist,Palette,#E4F0EF,"rgb(228, 240, 239)","hsl(175, 29%, 92%)",#E4F0EF,#feffff,#fdfefe,#fcfefe,#fafdfc,#f7fbfb,#E4F0EF,#cdd2d1,#909494,#585b5b,#2a2c2c,#080909 dusty-seafoam,Palette,#6E9C98,"rgb(110, 156, 152)","hsl(175, 19%, 52%)",#6E9C98,#fafefd,#f5fbfa,#eaf5f4,#ddedec,#cbe2e0,#6E9C98,#92adab,#637a79,#394b4a,#182423,#030606 deep-slate-aqua,Palette,#4A6E6B,"rgb(74, 110, 107)","hsl(175, 20%, 36%)",#4A6E6B,#f9fcfc,#f2f8f7,#e4eeed,#d1e1e0,#b9d0ce,#4A6E6B,#799492,#516866,#2e3f3e,#121d1c,#020404
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 158 198 194 eggshell-blue 252 254 254 eggshell-blue-50 249 253 252 eggshell-blue-100 242 250 249 eggshell-blue-200 234 246 245 eggshell-blue-300 223 240 238 eggshell-blue-400 158 198 194 eggshell-blue-500 173 193 191 eggshell-blue-600 119 136 135 eggshell-blue-700 71 84 83 eggshell-blue-800 32 41 40 eggshell-blue-900 5 7 7 eggshell-blue-950 198 222 218 pale-aqua 253 255 254 pale-aqua-50 251 254 253 pale-aqua-100 248 252 251 pale-aqua-200 243 250 249 pale-aqua-300 237 246 245 pale-aqua-400 198 222 218 pale-aqua-500 192 203 201 pale-aqua-600 134 143 142 pale-aqua-700 81 88 87 pale-aqua-800 38 43 42 pale-aqua-900 7 8 8 pale-aqua-950 228 240 239 frost-mist 254 255 255 frost-mist-50 253 254 254 frost-mist-100 252 254 254 frost-mist-200 250 253 252 frost-mist-300 247 251 251 frost-mist-400 228 240 239 frost-mist-500 205 210 209 frost-mist-600 144 148 148 frost-mist-700 88 91 91 frost-mist-800 42 44 44 frost-mist-900 8 9 9 frost-mist-950 110 156 152 dusty-seafoam 250 254 253 dusty-seafoam-50 245 251 250 dusty-seafoam-100 234 245 244 dusty-seafoam-200 221 237 236 dusty-seafoam-300 203 226 224 dusty-seafoam-400 110 156 152 dusty-seafoam-500 146 173 171 dusty-seafoam-600 99 122 121 dusty-seafoam-700 57 75 74 dusty-seafoam-800 24 36 35 dusty-seafoam-900 3 6 6 dusty-seafoam-950 74 110 107 deep-slate-aqua 249 252 252 deep-slate-aqua-50 242 248 247 deep-slate-aqua-100 228 238 237 deep-slate-aqua-200 209 225 224 deep-slate-aqua-300 185 208 206 deep-slate-aqua-400 74 110 107 deep-slate-aqua-500 121 148 146 deep-slate-aqua-600 81 104 102 deep-slate-aqua-700 46 63 62 deep-slate-aqua-800 18 29 28 deep-slate-aqua-900 2 4 4 deep-slate-aqua-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.