← Back to Tools
Clamp values into soft, modern startup branding brackets, choosing an approachable, friendly lavender (#E8DBFC), soft sky blue (#D6EAF8), and muted cream peach (#FCE4D6).
Export
Copy or download this palette as CSS, SCSS, Tailwind config, JSON, CSV, GPL, ASE or ACO.
:root {
--friendly-lavender: #E8DBFC;
--friendly-lavender-50: #fffeff;
--friendly-lavender-100: #fefdff;
--friendly-lavender-200: #fdfbff;
--friendly-lavender-300: #fcf8ff;
--friendly-lavender-400: #f9f5ff;
--friendly-lavender-500: #E8DBFC;
--friendly-lavender-600: #cfc9d7;
--friendly-lavender-700: #928d99;
--friendly-lavender-800: #5a565f;
--friendly-lavender-900: #2c2a2f;
--friendly-lavender-950: #08080a;
--soft-sky-blue: #D6EAF8;
--soft-sky-blue-50: #feffff;
--soft-sky-blue-100: #fcfeff;
--soft-sky-blue-200: #fafdff;
--soft-sky-blue-300: #f6fcff;
--soft-sky-blue-400: #f2faff;
--soft-sky-blue-500: #D6EAF8;
--soft-sky-blue-600: #c7cfd5;
--soft-sky-blue-700: #8b9397;
--soft-sky-blue-800: #545a5e;
--soft-sky-blue-900: #282c2e;
--soft-sky-blue-950: #070809;
--muted-cream-peach: #FCE4D6;
--muted-cream-peach-50: #fffefe;
--muted-cream-peach-100: #fffefc;
--muted-cream-peach-200: #fffcfa;
--muted-cream-peach-300: #fffaf6;
--muted-cream-peach-400: #fff7f2;
--muted-cream-peach-500: #FCE4D6;
--muted-cream-peach-600: #d7cdc7;
--muted-cream-peach-700: #99908b;
--muted-cream-peach-800: #5e5854;
--muted-cream-peach-900: #2f2b28;
--muted-cream-peach-950: #090807;
}
$friendly-lavender: #E8DBFC; $friendly-lavender-50: #fffeff; $friendly-lavender-100: #fefdff; $friendly-lavender-200: #fdfbff; $friendly-lavender-300: #fcf8ff; $friendly-lavender-400: #f9f5ff; $friendly-lavender-500: #E8DBFC; $friendly-lavender-600: #cfc9d7; $friendly-lavender-700: #928d99; $friendly-lavender-800: #5a565f; $friendly-lavender-900: #2c2a2f; $friendly-lavender-950: #08080a; $soft-sky-blue: #D6EAF8; $soft-sky-blue-50: #feffff; $soft-sky-blue-100: #fcfeff; $soft-sky-blue-200: #fafdff; $soft-sky-blue-300: #f6fcff; $soft-sky-blue-400: #f2faff; $soft-sky-blue-500: #D6EAF8; $soft-sky-blue-600: #c7cfd5; $soft-sky-blue-700: #8b9397; $soft-sky-blue-800: #545a5e; $soft-sky-blue-900: #282c2e; $soft-sky-blue-950: #070809; $muted-cream-peach: #FCE4D6; $muted-cream-peach-50: #fffefe; $muted-cream-peach-100: #fffefc; $muted-cream-peach-200: #fffcfa; $muted-cream-peach-300: #fffaf6; $muted-cream-peach-400: #fff7f2; $muted-cream-peach-500: #FCE4D6; $muted-cream-peach-600: #d7cdc7; $muted-cream-peach-700: #99908b; $muted-cream-peach-800: #5e5854; $muted-cream-peach-900: #2f2b28; $muted-cream-peach-950: #090807;
colors: {
'friendly-lavender': {
50: '#fffeff',
100: '#fefdff',
200: '#fdfbff',
300: '#fcf8ff',
400: '#f9f5ff',
500: '#E8DBFC',
600: '#cfc9d7',
700: '#928d99',
800: '#5a565f',
900: '#2c2a2f',
950: '#08080a',
DEFAULT: '#E8DBFC',
},
'soft-sky-blue': {
50: '#feffff',
100: '#fcfeff',
200: '#fafdff',
300: '#f6fcff',
400: '#f2faff',
500: '#D6EAF8',
600: '#c7cfd5',
700: '#8b9397',
800: '#545a5e',
900: '#282c2e',
950: '#070809',
DEFAULT: '#D6EAF8',
},
'muted-cream-peach': {
50: '#fffefe',
100: '#fffefc',
200: '#fffcfa',
300: '#fffaf6',
400: '#fff7f2',
500: '#FCE4D6',
600: '#d7cdc7',
700: '#99908b',
800: '#5e5854',
900: '#2f2b28',
950: '#090807',
DEFAULT: '#FCE4D6',
},
},
[
{
"name": "friendly-lavender",
"harmony": "Palette",
"hex": "#E8DBFC",
"rgb": {
"r": 232,
"g": 219,
"b": 252
},
"hsl": {
"h": 264,
"s": 85,
"l": 92
},
"value": "#E8DBFC",
"tonalScale": {
"50": {
"hex": "#fffeff",
"rgb": {
"r": 255,
"g": 254,
"b": 255
}
},
"100": {
"hex": "#fefdff",
"rgb": {
"r": 254,
"g": 253,
"b": 255
}
},
"200": {
"hex": "#fdfbff",
"rgb": {
"r": 253,
"g": 251,
"b": 255
}
},
"300": {
"hex": "#fcf8ff",
"rgb": {
"r": 252,
"g": 248,
"b": 255
}
},
"400": {
"hex": "#f9f5ff",
"rgb": {
"r": 249,
"g": 245,
"b": 255
}
},
"500": {
"hex": "#E8DBFC",
"rgb": {
"r": 232,
"g": 219,
"b": 252
}
},
"600": {
"hex": "#cfc9d7",
"rgb": {
"r": 207,
"g": 201,
"b": 215
}
},
"700": {
"hex": "#928d99",
"rgb": {
"r": 146,
"g": 141,
"b": 153
}
},
"800": {
"hex": "#5a565f",
"rgb": {
"r": 90,
"g": 86,
"b": 95
}
},
"900": {
"hex": "#2c2a2f",
"rgb": {
"r": 44,
"g": 42,
"b": 47
}
},
"950": {
"hex": "#08080a",
"rgb": {
"r": 8,
"g": 8,
"b": 10
}
}
}
},
{
"name": "soft-sky-blue",
"harmony": "Palette",
"hex": "#D6EAF8",
"rgb": {
"r": 214,
"g": 234,
"b": 248
},
"hsl": {
"h": 205,
"s": 71,
"l": 91
},
"value": "#D6EAF8",
"tonalScale": {
"50": {
"hex": "#feffff",
"rgb": {
"r": 254,
"g": 255,
"b": 255
}
},
"100": {
"hex": "#fcfeff",
"rgb": {
"r": 252,
"g": 254,
"b": 255
}
},
"200": {
"hex": "#fafdff",
"rgb": {
"r": 250,
"g": 253,
"b": 255
}
},
"300": {
"hex": "#f6fcff",
"rgb": {
"r": 246,
"g": 252,
"b": 255
}
},
"400": {
"hex": "#f2faff",
"rgb": {
"r": 242,
"g": 250,
"b": 255
}
},
"500": {
"hex": "#D6EAF8",
"rgb": {
"r": 214,
"g": 234,
"b": 248
}
},
"600": {
"hex": "#c7cfd5",
"rgb": {
"r": 199,
"g": 207,
"b": 213
}
},
"700": {
"hex": "#8b9397",
"rgb": {
"r": 139,
"g": 147,
"b": 151
}
},
"800": {
"hex": "#545a5e",
"rgb": {
"r": 84,
"g": 90,
"b": 94
}
},
"900": {
"hex": "#282c2e",
"rgb": {
"r": 40,
"g": 44,
"b": 46
}
},
"950": {
"hex": "#070809",
"rgb": {
"r": 7,
"g": 8,
"b": 9
}
}
}
},
{
"name": "muted-cream-peach",
"harmony": "Palette",
"hex": "#FCE4D6",
"rgb": {
"r": 252,
"g": 228,
"b": 214
},
"hsl": {
"h": 22,
"s": 86,
"l": 91
},
"value": "#FCE4D6",
"tonalScale": {
"50": {
"hex": "#fffefe",
"rgb": {
"r": 255,
"g": 254,
"b": 254
}
},
"100": {
"hex": "#fffefc",
"rgb": {
"r": 255,
"g": 254,
"b": 252
}
},
"200": {
"hex": "#fffcfa",
"rgb": {
"r": 255,
"g": 252,
"b": 250
}
},
"300": {
"hex": "#fffaf6",
"rgb": {
"r": 255,
"g": 250,
"b": 246
}
},
"400": {
"hex": "#fff7f2",
"rgb": {
"r": 255,
"g": 247,
"b": 242
}
},
"500": {
"hex": "#FCE4D6",
"rgb": {
"r": 252,
"g": 228,
"b": 214
}
},
"600": {
"hex": "#d7cdc7",
"rgb": {
"r": 215,
"g": 205,
"b": 199
}
},
"700": {
"hex": "#99908b",
"rgb": {
"r": 153,
"g": 144,
"b": 139
}
},
"800": {
"hex": "#5e5854",
"rgb": {
"r": 94,
"g": 88,
"b": 84
}
},
"900": {
"hex": "#2f2b28",
"rgb": {
"r": 47,
"g": 43,
"b": 40
}
},
"950": {
"hex": "#090807",
"rgb": {
"r": 9,
"g": 8,
"b": 7
}
}
}
}
]
Name,Harmony,Hex,RGB,HSL,Value,T50,T100,T200,T300,T400,T500,T600,T700,T800,T900,T950 friendly-lavender,Palette,#E8DBFC,"rgb(232, 219, 252)","hsl(264, 85%, 92%)",#E8DBFC,#fffeff,#fefdff,#fdfbff,#fcf8ff,#f9f5ff,#E8DBFC,#cfc9d7,#928d99,#5a565f,#2c2a2f,#08080a soft-sky-blue,Palette,#D6EAF8,"rgb(214, 234, 248)","hsl(205, 71%, 91%)",#D6EAF8,#feffff,#fcfeff,#fafdff,#f6fcff,#f2faff,#D6EAF8,#c7cfd5,#8b9397,#545a5e,#282c2e,#070809 muted-cream-peach,Palette,#FCE4D6,"rgb(252, 228, 214)","hsl(22, 86%, 91%)",#FCE4D6,#fffefe,#fffefc,#fffcfa,#fffaf6,#fff7f2,#FCE4D6,#d7cdc7,#99908b,#5e5854,#2f2b28,#090807
GIMP Palette Name: PocketSwiss analogous Columns: 4 # 232 219 252 friendly-lavender 255 254 255 friendly-lavender-50 254 253 255 friendly-lavender-100 253 251 255 friendly-lavender-200 252 248 255 friendly-lavender-300 249 245 255 friendly-lavender-400 232 219 252 friendly-lavender-500 207 201 215 friendly-lavender-600 146 141 153 friendly-lavender-700 90 86 95 friendly-lavender-800 44 42 47 friendly-lavender-900 8 8 10 friendly-lavender-950 214 234 248 soft-sky-blue 254 255 255 soft-sky-blue-50 252 254 255 soft-sky-blue-100 250 253 255 soft-sky-blue-200 246 252 255 soft-sky-blue-300 242 250 255 soft-sky-blue-400 214 234 248 soft-sky-blue-500 199 207 213 soft-sky-blue-600 139 147 151 soft-sky-blue-700 84 90 94 soft-sky-blue-800 40 44 46 soft-sky-blue-900 7 8 9 soft-sky-blue-950 252 228 214 muted-cream-peach 255 254 254 muted-cream-peach-50 255 254 252 muted-cream-peach-100 255 252 250 muted-cream-peach-200 255 250 246 muted-cream-peach-300 255 247 242 muted-cream-peach-400 252 228 214 muted-cream-peach-500 215 205 199 muted-cream-peach-600 153 144 139 muted-cream-peach-700 94 88 84 muted-cream-peach-800 47 43 40 muted-cream-peach-900 9 8 7 muted-cream-peach-950
Binary ASE — use Download to save the file.
Binary ACO — use Download to save the file.