Featherbed to Bleached Sunflower Color Palette

About this palette

Featherbed to Bleached Sunflower is a 4-color pastel, light palette: #AACBE6 (Featherbed), #C5EACC (Delta Mint), #E1CEA8 (Boutique Beige), #FCE5A7 (Bleached Sunflower). It mixes blue, green, yellow tones and feels balanced overall. The strongest text pairing is #AACBE6 on #FCE5A7 with a contrast ratio of 1.36:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Featherbed	rgb(170, 203, 230)	hsl(207, 55%, 78%)
Delta Mint	rgb(197, 234, 204)	hsl(131, 47%, 85%)
Boutique Beige	rgb(225, 206, 168)	hsl(40, 49%, 77%)
Bleached Sunflower	rgb(252, 229, 167)	hsl(44, 93%, 82%)

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

/* Featherbed to Bleached Sunflower — https://swatchly.xyz/palette/aacbe6-c5eacc-e1cea8-fce5a7 */
:root {
  --featherbed: #aacbe6;
  --delta-mint: #c5eacc;
  --boutique-beige: #e1cea8;
  --bleached-sunflower: #fce5a7;
}

Tailwind CSS v4

/* Featherbed to Bleached Sunflower — https://swatchly.xyz/palette/aacbe6-c5eacc-e1cea8-fce5a7 */
@theme {
  --color-featherbed: #aacbe6;
  --color-featherbed-50: #f2f9ff;
  --color-featherbed-100: #e1f1ff;
  --color-featherbed-200: #c8e0f3;
  --color-featherbed-300: #aacbe6;
  --color-featherbed-400: #8caac3;
  --color-featherbed-500: #6f8ea7;
  --color-featherbed-600: #54728a;
  --color-featherbed-700: #3f5a70;
  --color-featherbed-800: #2e4659;
  --color-featherbed-900: #213545;
  --color-featherbed-950: #12212c;
  --color-delta-mint: #c5eacc;
  --color-delta-mint-50: #effff2;
  --color-delta-mint-100: #e3f8e6;
  --color-delta-mint-200: #c5eacc;
  --color-delta-mint-300: #b2d0b8;
  --color-delta-mint-400: #8fb095;
  --color-delta-mint-500: #719478;
  --color-delta-mint-600: #56775d;
  --color-delta-mint-700: #415f47;
  --color-delta-mint-800: #2f4a35;
  --color-delta-mint-900: #233928;
  --color-delta-mint-950: #142417;
  --color-boutique-beige: #e1cea8;
  --color-boutique-beige-50: #faefd9;
  --color-boutique-beige-100: #f0e4cb;
  --color-boutique-beige-200: #e1cea8;
  --color-boutique-beige-300: #c9b998;
  --color-boutique-beige-400: #ac9b77;
  --color-boutique-beige-500: #92815d;
  --color-boutique-beige-600: #786745;
  --color-boutique-beige-700: #615233;
  --color-boutique-beige-800: #4e4025;
  --color-boutique-beige-900: #3c311a;
  --color-boutique-beige-950: #261e0d;
  --color-bleached-sunflower: #fce5a7;
  --color-bleached-sunflower-50: #fef1ce;
  --color-bleached-sunflower-100: #fce5a7;
  --color-bleached-sunflower-200: #e4d3a5;
  --color-bleached-sunflower-300: #d0bd89;
  --color-bleached-sunflower-400: #b39e64;
  --color-bleached-sunflower-500: #988347;
  --color-bleached-sunflower-600: #7d692f;
  --color-bleached-sunflower-700: #66531c;
  --color-bleached-sunflower-800: #51400e;
  --color-bleached-sunflower-900: #3f3105;
  --color-bleached-sunflower-950: #281e01;
}