Persian Melon to Scandinavian Liquorice color palette

FFDBC2Persian Melon A7BAF8Pastel Blue 7E985AMosslands 4966ACStarstruck 363A10Dark Olive 1E1007Scandinavian Liquorice

Open in generator Export PNG, PDF, ASE…

About this palette

Persian Melon to Scandinavian Liquorice is a 6-color palette: #FFDBC2 (Persian Melon), #A7BAF8 (Pastel Blue), #7E985A (Mosslands), #4966AC (Starstruck), #363A10 (Dark Olive), #1E1007 (Scandinavian Liquorice). It mixes orange, blue, green, black tones and feels cool overall. The strongest text pairing is #FFDBC2 on #1E1007 with a contrast ratio of 14.27:1, and 5 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Persian Melon	rgb(255, 219, 194)	hsl(25, 100%, 88%)
Pastel Blue	rgb(167, 186, 248)	hsl(226, 85%, 81%)
Mosslands	rgb(126, 152, 90)	hsl(85, 26%, 47%)
Starstruck	rgb(73, 102, 172)	hsl(222, 40%, 48%)
Dark Olive	rgb(54, 58, 16)	hsl(66, 57%, 15%)
Scandinavian Liquorice	rgb(30, 16, 7)	hsl(23, 62%, 7%)

Accessible color pairs

Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.

Aa14.27:1 Super#FFDBC2 on #1E1007
Aa14.27:1 Super#1E1007 on #FFDBC2
Aa9.73:1 Very good#A7BAF8 on #1E1007
Aa9.73:1 Very good#1E1007 on #A7BAF8
Aa9.13:1 Very good#FFDBC2 on #363A10
Aa9.13:1 Very good#363A10 on #FFDBC2
Aa6.23:1 Good#A7BAF8 on #363A10
Aa6.23:1 Good#363A10 on #A7BAF8

Color blindness preview

CSS variables

/* Persian Melon to Scandinavian Liquorice — https://swatchly.xyz/palette/ffdbc2-a7baf8-7e985a-4966ac-363a10-1e1007 */
:root {
  --persian-melon: #ffdbc2;
  --pastel-blue: #a7baf8;
  --mosslands: #7e985a;
  --starstruck: #4966ac;
  --dark-olive: #363a10;
  --scandinavian-liquorice: #1e1007;
}

Tailwind CSS v4

/* Persian Melon to Scandinavian Liquorice — https://swatchly.xyz/palette/ffdbc2-a7baf8-7e985a-4966ac-363a10-1e1007 */
@theme {
  --color-persian-melon: #ffdbc2;
  --color-persian-melon-50: #ffeadb;
  --color-persian-melon-100: #ffdbc2;
  --color-persian-melon-200: #e6cbb8;
  --color-persian-melon-300: #d3b5a0;
  --color-persian-melon-400: #b79680;
  --color-persian-melon-500: #9c7c65;
  --color-persian-melon-600: #82634e;
  --color-persian-melon-700: #6a4f3b;
  --color-persian-melon-800: #543c2b;
  --color-persian-melon-900: #422e1f;
  --color-persian-melon-950: #2a1c11;
  --color-pastel-blue: #a7baf8;
  --color-pastel-blue-50: #eef3ff;
  --color-pastel-blue-100: #e0e8ff;
  --color-pastel-blue-200: #c4d2ff;
  --color-pastel-blue-300: #a7baf8;
  --color-pastel-blue-400: #8a9bd5;
  --color-pastel-blue-500: #6f80ba;
  --color-pastel-blue-600: #57669e;
  --color-pastel-blue-700: #435182;
  --color-pastel-blue-800: #333f6a;
  --color-pastel-blue-900: #263055;
  --color-pastel-blue-950: #161d38;
  --color-mosslands: #7e985a;
  --color-mosslands-50: #edfdda;
  --color-mosslands-100: #e4f5ce;
  --color-mosslands-200: #cfe4b6;
  --color-mosslands-300: #b8d09b;
  --color-mosslands-400: #99b277;
  --color-mosslands-500: #7e985a;
  --color-mosslands-600: #637b3f;
  --color-mosslands-700: #4c632a;
  --color-mosslands-800: #3a4d1b;
  --color-mosslands-900: #2b3b10;
  --color-mosslands-950: #192506;
  --color-starstruck: #4966ac;
  --color-starstruck-50: #f1f5ff;
  --color-starstruck-100: #e1ebff;
  --color-starstruck-200: #c4d7ff;
  --color-starstruck-300: #a2bfff;
  --color-starstruck-400: #7e9ee6;
  --color-starstruck-500: #6381ca;
  --color-starstruck-600: #4966ac;
  --color-starstruck-700: #37508e;
  --color-starstruck-800: #283e74;
  --color-starstruck-900: #1d2f5d;
  --color-starstruck-950: #0f1c3d;
  --color-dark-olive: #363a10;
  --color-dark-olive-50: #f4f8df;
  --color-dark-olive-100: #eaefd2;
  --color-dark-olive-200: #d6dbb9;
  --color-dark-olive-300: #c0c59f;
  --color-dark-olive-400: #a1a77c;
  --color-dark-olive-500: #868c61;
  --color-dark-olive-600: #6d7248;
  --color-dark-olive-700: #575c35;
  --color-dark-olive-800: #454927;
  --color-dark-olive-900: #363a10;
  --color-dark-olive-950: #22240e;
  --color-scandinavian-liquorice: #1e1007;
  --color-scandinavian-liquorice-50: #fef3eb;
  --color-scandinavian-liquorice-100: #f5e8e0;
  --color-scandinavian-liquorice-200: #e4d4ca;
  --color-scandinavian-liquorice-300: #cfbdb2;
  --color-scandinavian-liquorice-400: #b09d91;
  --color-scandinavian-liquorice-500: #927f74;
  --color-scandinavian-liquorice-600: #756358;
  --color-scandinavian-liquorice-700: #5a4b41;
  --color-scandinavian-liquorice-800: #44372f;
  --color-scandinavian-liquorice-900: #302620;
  --color-scandinavian-liquorice-950: #1e1007;
}