Snow White to Magic Carpet color palette

EAFFEDSnow White DDABBARoseate Spoonbill 553F6CHaunted Candelabra 0B1F09Nightmare 907DC0Magic Carpet

Open in generator Export PNG, PDF, ASE…

About this palette

Snow White to Magic Carpet is a 5-color cool palette: #EAFFED (Snow White), #DDABBA (Roseate Spoonbill), #553F6C (Haunted Candelabra), #0B1F09 (Nightmare), #907DC0 (Magic Carpet). It mixes white, pink, purple, green tones and feels cool overall. The strongest text pairing is #EAFFED on #0B1F09 with a contrast ratio of 16.49:1, and 5 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Snow White	rgb(234, 255, 237)	hsl(129, 100%, 96%)
Roseate Spoonbill	rgb(221, 171, 186)	hsl(342, 42%, 77%)
Haunted Candelabra	rgb(85, 63, 108)	hsl(269, 26%, 34%)
Nightmare	rgb(11, 31, 9)	hsl(115, 55%, 8%)
Magic Carpet	rgb(144, 125, 192)	hsl(257, 35%, 62%)

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.

Aa16.49:1 Super#EAFFED on #0B1F09
Aa16.49:1 Super#0B1F09 on #EAFFED
Aa8.74:1 Very good#DDABBA on #0B1F09
Aa8.74:1 Very good#0B1F09 on #DDABBA
Aa8.65:1 Very good#EAFFED on #553F6C
Aa8.65:1 Very good#553F6C on #EAFFED
Aa4.84:1 Good#0B1F09 on #907DC0
Aa4.84:1 Good#907DC0 on #0B1F09

Color blindness preview

CSS variables

/* Snow White to Magic Carpet — https://swatchly.xyz/palette/eaffed-ddabba-553f6c-0b1f09-907dc0 */
:root {
  --snow-white: #eaffed;
  --roseate-spoonbill: #ddabba;
  --haunted-candelabra: #553f6c;
  --nightmare: #0b1f09;
  --magic-carpet: #907dc0;
}

Tailwind CSS v4

/* Snow White to Magic Carpet — https://swatchly.xyz/palette/eaffed-ddabba-553f6c-0b1f09-907dc0 */
@theme {
  --color-snow-white: #eaffed;
  --color-snow-white-50: #eaffed;
  --color-snow-white-100: #e5f2e7;
  --color-snow-white-200: #cfded1;
  --color-snow-white-300: #b7c8b9;
  --color-snow-white-400: #96a898;
  --color-snow-white-500: #7a8c7c;
  --color-snow-white-600: #5f7162;
  --color-snow-white-700: #4a5a4c;
  --color-snow-white-800: #38473b;
  --color-snow-white-900: #2a362c;
  --color-snow-white-950: #19221b;
  --color-roseate-spoonbill: #ddabba;
  --color-roseate-spoonbill-50: #ffecf2;
  --color-roseate-spoonbill-100: #ffdde6;
  --color-roseate-spoonbill-200: #eec6d2;
  --color-roseate-spoonbill-300: #ddabba;
  --color-roseate-spoonbill-400: #bc8e9c;
  --color-roseate-spoonbill-500: #a27382;
  --color-roseate-spoonbill-600: #865b68;
  --color-roseate-spoonbill-700: #6d4653;
  --color-roseate-spoonbill-800: #583641;
  --color-roseate-spoonbill-900: #462932;
  --color-roseate-spoonbill-950: #2d181f;
  --color-haunted-candelabra: #553f6c;
  --color-haunted-candelabra-50: #f8f2ff;
  --color-haunted-candelabra-100: #f1e6ff;
  --color-haunted-candelabra-200: #e1cef6;
  --color-haunted-candelabra-300: #cdb8e5;
  --color-haunted-candelabra-400: #b099ca;
  --color-haunted-candelabra-500: #967fb0;
  --color-haunted-candelabra-600: #7d6696;
  --color-haunted-candelabra-700: #67517e;
  --color-haunted-candelabra-800: #553f6c;
  --color-haunted-candelabra-900: #413153;
  --color-haunted-candelabra-950: #2a1e37;
  --color-nightmare: #0b1f09;
  --color-nightmare-50: #ecfaea;
  --color-nightmare-100: #e0f1de;
  --color-nightmare-200: #cbdec8;
  --color-nightmare-300: #b2c8b0;
  --color-nightmare-400: #92a98f;
  --color-nightmare-500: #758d72;
  --color-nightmare-600: #5a7157;
  --color-nightmare-700: #445842;
  --color-nightmare-800: #324430;
  --color-nightmare-900: #243222;
  --color-nightmare-950: #0b1f09;
  --color-magic-carpet: #907dc0;
  --color-magic-carpet-50: #f6f4ff;
  --color-magic-carpet-100: #eee9ff;
  --color-magic-carpet-200: #ddd2ff;
  --color-magic-carpet-300: #c9b9f5;
  --color-magic-carpet-400: #aa99da;
  --color-magic-carpet-500: #907dc0;
  --color-magic-carpet-600: #7562a2;
  --color-magic-carpet-700: #5d4b86;
  --color-magic-carpet-800: #49396c;
  --color-magic-carpet-900: #382b56;
  --color-magic-carpet-950: #231938;
}