Soft Cashmere to Cloudless Color Palette

About this palette

Soft Cashmere to Cloudless is a 5-color pastel, light palette: #EBB3DE (Soft Cashmere), #FFD7B2 (Young Apricot), #FFF5F2 (Seashell), #99E9D5 (Sea Glass Teal), #D7EBFF (Cloudless). It mixes pink, orange, white, turquoise tones and feels warm overall. The strongest text pairing is #EBB3DE on #FFF5F2 with a contrast ratio of 1.63:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Soft Cashmere	rgb(235, 179, 222)	hsl(314, 58%, 81%)
Young Apricot	rgb(255, 215, 178)	hsl(29, 100%, 85%)
Seashell	rgb(255, 245, 242)	hsl(14, 100%, 97%)
Sea Glass Teal	rgb(153, 233, 213)	hsl(165, 65%, 76%)
Cloudless	rgb(215, 235, 255)	hsl(210, 100%, 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

/* Soft Cashmere to Cloudless — https://swatchly.xyz/palette/ebb3de-ffd7b2-fff5f2-99e9d5-d7ebff */
:root {
  --soft-cashmere: #ebb3de;
  --young-apricot: #ffd7b2;
  --seashell: #fff5f2;
  --sea-glass-teal: #99e9d5;
  --cloudless: #d7ebff;
}

Tailwind CSS v4

/* Soft Cashmere to Cloudless — https://swatchly.xyz/palette/ebb3de-ffd7b2-fff5f2-99e9d5-d7ebff */
@theme {
  --color-soft-cashmere: #ebb3de;
  --color-soft-cashmere-50: #fff5fc;
  --color-soft-cashmere-100: #ffe8f9;
  --color-soft-cashmere-200: #f7cfed;
  --color-soft-cashmere-300: #ebb3de;
  --color-soft-cashmere-400: #c794bb;
  --color-soft-cashmere-500: #ab779f;
  --color-soft-cashmere-600: #8d5c82;
  --color-soft-cashmere-700: #724569;
  --color-soft-cashmere-800: #5b3453;
  --color-soft-cashmere-900: #462640;
  --color-soft-cashmere-950: #2d1628;
  --color-young-apricot: #ffd7b2;
  --color-young-apricot-50: #fff9f4;
  --color-young-apricot-100: #ffefe0;
  --color-young-apricot-200: #ffd7b2;
  --color-young-apricot-300: #e1c1a3;
  --color-young-apricot-400: #c39f7d;
  --color-young-apricot-500: #a6825f;
  --color-young-apricot-600: #896645;
  --color-young-apricot-700: #6e4f30;
  --color-young-apricot-800: #573c21;
  --color-young-apricot-900: #442d16;
  --color-young-apricot-950: #2c1b0b;
  --color-seashell: #fff5f2;
  --color-seashell-50: #fff5f2;
  --color-seashell-100: #f2ecea;
  --color-seashell-200: #ded7d5;
  --color-seashell-300: #c8c0be;
  --color-seashell-400: #a9a09d;
  --color-seashell-500: #8d8482;
  --color-seashell-600: #726a67;
  --color-seashell-700: #5b5351;
  --color-seashell-800: #47413f;
  --color-seashell-900: #373130;
  --color-seashell-950: #221e1d;
  --color-sea-glass-teal: #99e9d5;
  --color-sea-glass-teal-50: #d6fff4;
  --color-sea-glass-teal-100: #c6f6e9;
  --color-sea-glass-teal-200: #99e9d5;
  --color-sea-glass-teal-300: #8dd0bf;
  --color-sea-glass-teal-400: #66b2a0;
  --color-sea-glass-teal-500: #469684;
  --color-sea-glass-teal-600: #2a7b6a;
  --color-sea-glass-teal-700: #136354;
  --color-sea-glass-teal-800: #014e41;
  --color-sea-glass-teal-900: #003c32;
  --color-sea-glass-teal-950: #00261f;
  --color-cloudless: #d7ebff;
  --color-cloudless-50: #e9f4ff;
  --color-cloudless-100: #d7ebff;
  --color-cloudless-200: #c8d7e6;
  --color-cloudless-300: #b1c1d2;
  --color-cloudless-400: #90a2b4;
  --color-cloudless-500: #75889a;
  --color-cloudless-600: #5c6d7f;
  --color-cloudless-700: #485767;
  --color-cloudless-800: #364451;
  --color-cloudless-900: #29343f;
  --color-cloudless-950: #182028;
}