Bleached Sunflower to Plushy Pink Color Palette

About this palette

Bleached Sunflower to Plushy Pink is a 4-color pastel, light palette: #FAE6A7 (Bleached Sunflower), #DBC7F9 (Neon Boneyard), #B3F7F2 (Ice Citadel), #E7B4A3 (Plushy Pink). It mixes yellow, purple, turquoise, pink tones and feels balanced overall. The strongest text pairing is #B3F7F2 on #E7B4A3 with a contrast ratio of 1.53:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Bleached Sunflower	rgb(250, 230, 167)	hsl(46, 89%, 82%)
Neon Boneyard	rgb(219, 199, 249)	hsl(264, 81%, 88%)
Ice Citadel	rgb(179, 247, 242)	hsl(176, 81%, 84%)
Plushy Pink	rgb(231, 180, 163)	hsl(15, 59%, 77%)

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

/* Bleached Sunflower to Plushy Pink — https://swatchly.xyz/palette/fae6a7-dbc7f9-b3f7f2-e7b4a3 */
:root {
  --bleached-sunflower: #fae6a7;
  --neon-boneyard: #dbc7f9;
  --ice-citadel: #b3f7f2;
  --plushy-pink: #e7b4a3;
}

Tailwind CSS v4

/* Bleached Sunflower to Plushy Pink — https://swatchly.xyz/palette/fae6a7-dbc7f9-b3f7f2-e7b4a3 */
@theme {
  --color-bleached-sunflower: #fae6a7;
  --color-bleached-sunflower-50: #fcf1ce;
  --color-bleached-sunflower-100: #fae6a7;
  --color-bleached-sunflower-200: #e2d3a5;
  --color-bleached-sunflower-300: #cebd89;
  --color-bleached-sunflower-400: #b19e64;
  --color-bleached-sunflower-500: #968447;
  --color-bleached-sunflower-600: #7c6a2e;
  --color-bleached-sunflower-700: #64541c;
  --color-bleached-sunflower-800: #4f410d;
  --color-bleached-sunflower-900: #3e3205;
  --color-bleached-sunflower-950: #271e01;
  --color-neon-boneyard: #dbc7f9;
  --color-neon-boneyard-50: #f4eeff;
  --color-neon-boneyard-100: #ece0ff;
  --color-neon-boneyard-200: #dbc7f9;
  --color-neon-boneyard-300: #c4b3de;
  --color-neon-boneyard-400: #a694c2;
  --color-neon-boneyard-500: #8c79a7;
  --color-neon-boneyard-600: #72608c;
  --color-neon-boneyard-700: #5c4b73;
  --color-neon-boneyard-800: #493a5d;
  --color-neon-boneyard-900: #382c49;
  --color-neon-boneyard-950: #231a2f;
  --color-ice-citadel: #b3f7f2;
  --color-ice-citadel-50: #d6fbf8;
  --color-ice-citadel-100: #b3f7f2;
  --color-ice-citadel-200: #afe0dc;
  --color-ice-citadel-300: #93cbc7;
  --color-ice-citadel-400: #6eada9;
  --color-ice-citadel-500: #51928e;
  --color-ice-citadel-600: #377874;
  --color-ice-citadel-700: #23605d;
  --color-ice-citadel-800: #134c49;
  --color-ice-citadel-900: #093b39;
  --color-ice-citadel-950: #032523;
  --color-plushy-pink: #e7b4a3;
  --color-plushy-pink-50: #fff2ee;
  --color-plushy-pink-100: #ffe5dd;
  --color-plushy-pink-200: #f5cec1;
  --color-plushy-pink-300: #e7b4a3;
  --color-plushy-pink-400: #c59586;
  --color-plushy-pink-500: #a97a6a;
  --color-plushy-pink-600: #8c5f51;
  --color-plushy-pink-700: #724a3c;
  --color-plushy-pink-800: #5b382d;
  --color-plushy-pink-900: #482a20;
  --color-plushy-pink-950: #2e1912;
}