York Plum to Mount Olympus color palette

D1BEE5York Plum E7CD8CSpaghetti Monster FFC6E8Sugarwinkle 9FEBD2Sea Glass Teal FFEAE3Pink Swirl D3FEFEMount Olympus

Open in generator Export PNG, PDF, ASE…

About this palette

York Plum to Mount Olympus is a 6-color pastel, light palette: #D1BEE5 (York Plum), #E7CD8C (Spaghetti Monster), #FFC6E8 (Sugarwinkle), #9FEBD2 (Sea Glass Teal), #FFEAE3 (Pink Swirl), #D3FEFE (Mount Olympus). It mixes purple, yellow, pink, turquoise, white tones and feels cool overall. The strongest text pairing is #D1BEE5 on #D3FEFE with a contrast ratio of 1.59:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
York Plum	rgb(209, 190, 229)	hsl(269, 43%, 82%)
Spaghetti Monster	rgb(231, 205, 140)	hsl(43, 65%, 73%)
Sugarwinkle	rgb(255, 198, 232)	hsl(324, 100%, 89%)
Sea Glass Teal	rgb(159, 235, 210)	hsl(160, 66%, 77%)
Pink Swirl	rgb(255, 234, 227)	hsl(15, 100%, 95%)
Mount Olympus	rgb(211, 254, 254)	hsl(180, 96%, 91%)

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.

Color blindness preview

CSS variables

/* York Plum to Mount Olympus — https://swatchly.xyz/palette/d1bee5-e7cd8c-ffc6e8-9febd2-ffeae3-d3fefe */
:root {
  --york-plum: #d1bee5;
  --spaghetti-monster: #e7cd8c;
  --sugarwinkle: #ffc6e8;
  --sea-glass-teal: #9febd2;
  --pink-swirl: #ffeae3;
  --mount-olympus: #d3fefe;
}

Tailwind CSS v4

/* York Plum to Mount Olympus — https://swatchly.xyz/palette/d1bee5-e7cd8c-ffc6e8-9febd2-ffeae3-d3fefe */
@theme {
  --color-york-plum: #d1bee5;
  --color-york-plum-50: #faf6ff;
  --color-york-plum-100: #f4ebff;
  --color-york-plum-200: #e4d6f3;
  --color-york-plum-300: #d1bee5;
  --color-york-plum-400: #b09ec2;
  --color-york-plum-500: #9381a6;
  --color-york-plum-600: #776689;
  --color-york-plum-700: #5f4f6f;
  --color-york-plum-800: #4a3c58;
  --color-york-plum-900: #392d44;
  --color-york-plum-950: #231b2b;
  --color-spaghetti-monster: #e7cd8c;
  --color-spaghetti-monster-50: #feefc9;
  --color-spaghetti-monster-100: #f4e3b9;
  --color-spaghetti-monster-200: #e7cd8c;
  --color-spaghetti-monster-300: #cfb880;
  --color-spaghetti-monster-400: #b29a5c;
  --color-spaghetti-monster-500: #988040;
  --color-spaghetti-monster-600: #7e6627;
  --color-spaghetti-monster-700: #665114;
  --color-spaghetti-monster-800: #524006;
  --color-spaghetti-monster-900: #403000;
  --color-spaghetti-monster-950: #291e00;
  --color-sugarwinkle: #ffc6e8;
  --color-sugarwinkle-50: #fff3fa;
  --color-sugarwinkle-100: #ffe4f4;
  --color-sugarwinkle-200: #ffc6e8;
  --color-sugarwinkle-300: #e2b2cf;
  --color-sugarwinkle-400: #c491b0;
  --color-sugarwinkle-500: #a87594;
  --color-sugarwinkle-600: #8b5a79;
  --color-sugarwinkle-700: #714561;
  --color-sugarwinkle-800: #5a344c;
  --color-sugarwinkle-900: #47263b;
  --color-sugarwinkle-950: #2e1625;
  --color-sea-glass-teal: #9febd2;
  --color-sea-glass-teal-50: #ddfff3;
  --color-sea-glass-teal-100: #cbf8e8;
  --color-sea-glass-teal-200: #9febd2;
  --color-sea-glass-teal-300: #93d1bc;
  --color-sea-glass-teal-400: #6cb39c;
  --color-sea-glass-teal-500: #4c9781;
  --color-sea-glass-teal-600: #307b66;
  --color-sea-glass-teal-700: #1a6350;
  --color-sea-glass-teal-800: #0a4e3e;
  --color-sea-glass-teal-900: #013d2f;
  --color-sea-glass-teal-950: #00261d;
  --color-pink-swirl: #ffeae3;
  --color-pink-swirl-50: #fff6f3;
  --color-pink-swirl-100: #ffeae3;
  --color-pink-swirl-200: #e6d7d2;
  --color-pink-swirl-300: #d0bfba;
  --color-pink-swirl-400: #b19f99;
  --color-pink-swirl-500: #95837c;
  --color-pink-swirl-600: #7a6862;
  --color-pink-swirl-700: #61514c;
  --color-pink-swirl-800: #4d3f3a;
  --color-pink-swirl-900: #3b302c;
  --color-pink-swirl-950: #251d1a;
  --color-mount-olympus: #d3fefe;
  --color-mount-olympus-50: #d3fefe;
  --color-mount-olympus-100: #d6f0f0;
  --color-mount-olympus-200: #bfdede;
  --color-mount-olympus-300: #a5c8c8;
  --color-mount-olympus-400: #83aaaa;
  --color-mount-olympus-500: #678f8f;
  --color-mount-olympus-600: #4d7474;
  --color-mount-olympus-700: #395c5d;
  --color-mount-olympus-800: #2a4949;
  --color-mount-olympus-900: #1e3838;
  --color-mount-olympus-950: #102323;
}