Blush Kiss to Futon Color Palette

About this palette

Blush Kiss to Futon is a 5-color pastel, light, warm palette: #EBBDBF (Blush Kiss), #D2CC8C (Royal Goblet), #E3E2BC (Frost), #DEDDFF (Icy Plains), #E9FADA (Futon). It mixes pink, yellow, purple, white tones and feels warm overall. The strongest text pairing is #EBBDBF on #E9FADA with a contrast ratio of 1.52:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Blush Kiss	rgb(235, 189, 191)	hsl(357, 53%, 83%)
Royal Goblet	rgb(210, 204, 140)	hsl(55, 44%, 69%)
Frost	rgb(227, 226, 188)	hsl(58, 41%, 81%)
Icy Plains	rgb(222, 221, 255)	hsl(242, 100%, 93%)
Futon	rgb(233, 250, 218)	hsl(92, 76%, 92%)

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

/* Blush Kiss to Futon — https://swatchly.xyz/palette/ebbdbf-d2cc8c-e3e2bc-deddff-e9fada */
:root {
  --blush-kiss: #ebbdbf;
  --royal-goblet: #d2cc8c;
  --frost: #e3e2bc;
  --icy-plains: #deddff;
  --futon: #e9fada;
}

Tailwind CSS v4

/* Blush Kiss to Futon — https://swatchly.xyz/palette/ebbdbf-d2cc8c-e3e2bc-deddff-e9fada */
@theme {
  --color-blush-kiss: #ebbdbf;
  --color-blush-kiss-50: #fff8f8;
  --color-blush-kiss-100: #ffeded;
  --color-blush-kiss-200: #f7d6d7;
  --color-blush-kiss-300: #ebbdbf;
  --color-blush-kiss-400: #c79d9f;
  --color-blush-kiss-500: #aa7f81;
  --color-blush-kiss-600: #8c6466;
  --color-blush-kiss-700: #714d4f;
  --color-blush-kiss-800: #593a3c;
  --color-blush-kiss-900: #452b2c;
  --color-blush-kiss-950: #2c191a;
  --color-royal-goblet: #d2cc8c;
  --color-royal-goblet-50: #fefbda;
  --color-royal-goblet-100: #f6f3ce;
  --color-royal-goblet-200: #e5e1b4;
  --color-royal-goblet-300: #d2cc8c;
  --color-royal-goblet-400: #b0ab70;
  --color-royal-goblet-500: #948e50;
  --color-royal-goblet-600: #787234;
  --color-royal-goblet-700: #5f5920;
  --color-royal-goblet-800: #4a4511;
  --color-royal-goblet-900: #383407;
  --color-royal-goblet-950: #232002;
  --color-frost: #e3e2bc;
  --color-frost-50: #fcfce8;
  --color-frost-100: #f4f3de;
  --color-frost-200: #e3e2bc;
  --color-frost-300: #cac9ab;
  --color-frost-400: #aaa987;
  --color-frost-500: #8d8c69;
  --color-frost-600: #71704e;
  --color-frost-700: #595839;
  --color-frost-800: #454429;
  --color-frost-900: #35341d;
  --color-frost-950: #212010;
  --color-icy-plains: #deddff;
  --color-icy-plains-50: #fbfbff;
  --color-icy-plains-100: #f2f2ff;
  --color-icy-plains-200: #deddff;
  --color-icy-plains-300: #c6c5e1;
  --color-icy-plains-400: #a5a4c2;
  --color-icy-plains-500: #8887a6;
  --color-icy-plains-600: #6c6b88;
  --color-icy-plains-700: #55536e;
  --color-icy-plains-800: #413f56;
  --color-icy-plains-900: #313044;
  --color-icy-plains-950: #1e1d2b;
  --color-futon: #e9fada;
  --color-futon-50: #e9fada;
  --color-futon-100: #e3eeda;
  --color-futon-200: #cfdbc4;
  --color-futon-300: #b8c6ab;
  --color-futon-400: #98a78a;
  --color-futon-500: #7d8c6f;
  --color-futon-600: #637156;
  --color-futon-700: #4d5a41;
  --color-futon-800: #3b4731;
  --color-futon-900: #2d3624;
  --color-futon-950: #1b2215;
}