Dream Vapour to Llilacquered color palette

D898F2Dream Vapour FFC4CCCotton Candy Comet 804368Grape Kiss 46245AWonka Purple C4599BLlilacquered

About this palette

Dream Vapour to Llilacquered is a 5-color warm palette: #D898F2 (Dream Vapour), #FFC4CC (Cotton Candy Comet), #804368 (Grape Kiss), #46245A (Wonka Purple), #C4599B (Llilacquered). It mixes purple, pink, red tones and feels warm overall. The strongest text pairing is #FFC4CC on #46245A with a contrast ratio of 8.44:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Dream Vapour	rgb(216, 152, 242)	hsl(283, 78%, 77%)
Cotton Candy Comet	rgb(255, 196, 204)	hsl(352, 100%, 88%)
Grape Kiss	rgb(128, 67, 104)	hsl(324, 31%, 38%)
Wonka Purple	rgb(70, 36, 90)	hsl(278, 43%, 25%)
Llilacquered	rgb(196, 89, 155)	hsl(323, 48%, 56%)

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.

Aa8.44:1 Very good#FFC4CC on #46245A
Aa8.44:1 Very good#46245A on #FFC4CC
Aa5.84:1 Good#D898F2 on #46245A
Aa5.84:1 Good#46245A on #D898F2
Aa4.80:1 Good#FFC4CC on #804368
Aa4.80:1 Good#804368 on #FFC4CC
Aa3.32:1 Poor#D898F2 on #804368
Aa3.32:1 Poor#804368 on #D898F2

Color blindness preview

CSS variables

/* Dream Vapour to Llilacquered — https://swatchly.xyz/palette/d898f2-ffc4cc-804368-46245a-c4599b */
:root {
  --dream-vapour: #d898f2;
  --cotton-candy-comet: #ffc4cc;
  --grape-kiss: #804368;
  --wonka-purple: #46245a;
  --llilacquered: #c4599b;
}

Tailwind CSS v4

/* Dream Vapour to Llilacquered — https://swatchly.xyz/palette/d898f2-ffc4cc-804368-46245a-c4599b */
@theme {
  --color-dream-vapour: #d898f2;
  --color-dream-vapour-50: #f8e9ff;
  --color-dream-vapour-100: #f3d8ff;
  --color-dream-vapour-200: #eab7ff;
  --color-dream-vapour-300: #d898f2;
  --color-dream-vapour-400: #b97cd1;
  --color-dream-vapour-500: #9f61b7;
  --color-dream-vapour-600: #844a9b;
  --color-dream-vapour-700: #6d3781;
  --color-dream-vapour-800: #58286a;
  --color-dream-vapour-900: #471d56;
  --color-dream-vapour-950: #2d1038;
  --color-cotton-candy-comet: #ffc4cc;
  --color-cotton-candy-comet-50: #fff0f1;
  --color-cotton-candy-comet-100: #ffe1e5;
  --color-cotton-candy-comet-200: #ffc4cc;
  --color-cotton-candy-comet-300: #e2b1b7;
  --color-cotton-candy-comet-400: #c59097;
  --color-cotton-candy-comet-500: #aa747c;
  --color-cotton-candy-comet-600: #8d5b63;
  --color-cotton-candy-comet-700: #73464d;
  --color-cotton-candy-comet-800: #5d353c;
  --color-cotton-candy-comet-900: #49282d;
  --color-cotton-candy-comet-950: #2f171b;
  --color-grape-kiss: #804368;
  --color-grape-kiss-50: #fff0f8;
  --color-grape-kiss-100: #ffe2f1;
  --color-grape-kiss-200: #fcc7e4;
  --color-grape-kiss-300: #eaaed0;
  --color-grape-kiss-400: #ce8db3;
  --color-grape-kiss-500: #b47298;
  --color-grape-kiss-600: #98597e;
  --color-grape-kiss-700: #804368;
  --color-grape-kiss-800: #653352;
  --color-grape-kiss-900: #50253f;
  --color-grape-kiss-950: #341528;
  --color-wonka-purple: #46245a;
  --color-wonka-purple-50: #f9f2ff;
  --color-wonka-purple-100: #f4e4ff;
  --color-wonka-purple-200: #e7cbfb;
  --color-wonka-purple-300: #d3b2e9;
  --color-wonka-purple-400: #b591cd;
  --color-wonka-purple-500: #9b76b3;
  --color-wonka-purple-600: #805d96;
  --color-wonka-purple-700: #68487d;
  --color-wonka-purple-800: #543766;
  --color-wonka-purple-900: #46245a;
  --color-wonka-purple-950: #2b1936;
  --color-llilacquered: #c4599b;
  --color-llilacquered-50: #fff0f8;
  --color-llilacquered-100: #ffe1f1;
  --color-llilacquered-200: #ffc2e4;
  --color-llilacquered-300: #fd9cd4;
  --color-llilacquered-400: #e177b6;
  --color-llilacquered-500: #c4599b;
  --color-llilacquered-600: #a53f7f;
  --color-llilacquered-700: #882a67;
  --color-llilacquered-800: #6e1b52;
  --color-llilacquered-900: #581040;
  --color-llilacquered-950: #3a0629;
}