Roseate Spoonbill to Bloodthirsty Beige Color Palette

About this palette

Roseate Spoonbill to Bloodthirsty Beige is a 4-color pastel, light, warm palette: #DCB0C3 (Roseate Spoonbill), #DEF1FF (Cotton Boll), #EAC895 (Golden Talisman), #F9D5CD (Bloodthirsty Beige). It mixes pink, white, yellow tones and feels warm overall. The strongest text pairing is #DCB0C3 on #DEF1FF with a contrast ratio of 1.64:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Roseate Spoonbill	rgb(220, 176, 195)	hsl(334, 39%, 78%)
Cotton Boll	rgb(222, 241, 255)	hsl(205, 100%, 94%)
Golden Talisman	rgb(234, 200, 149)	hsl(36, 67%, 75%)
Bloodthirsty Beige	rgb(249, 213, 205)	hsl(11, 79%, 89%)

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

/* Roseate Spoonbill to Bloodthirsty Beige — https://swatchly.xyz/palette/dcb0c3-def1ff-eac895-f9d5cd */
:root {
  --roseate-spoonbill: #dcb0c3;
  --cotton-boll: #def1ff;
  --golden-talisman: #eac895;
  --bloodthirsty-beige: #f9d5cd;
}

Tailwind CSS v4

/* Roseate Spoonbill to Bloodthirsty Beige — https://swatchly.xyz/palette/dcb0c3-def1ff-eac895-f9d5cd */
@theme {
  --color-roseate-spoonbill: #dcb0c3;
  --color-roseate-spoonbill-50: #ffeff5;
  --color-roseate-spoonbill-100: #fde0ec;
  --color-roseate-spoonbill-200: #edcad9;
  --color-roseate-spoonbill-300: #dcb0c3;
  --color-roseate-spoonbill-400: #bb92a4;
  --color-roseate-spoonbill-500: #a07789;
  --color-roseate-spoonbill-600: #845e6f;
  --color-roseate-spoonbill-700: #6b4958;
  --color-roseate-spoonbill-800: #563745;
  --color-roseate-spoonbill-900: #432a36;
  --color-roseate-spoonbill-950: #2b1921;
  --color-cotton-boll: #def1ff;
  --color-cotton-boll-50: #f0f9ff;
  --color-cotton-boll-100: #def1ff;
  --color-cotton-boll-200: #cedce6;
  --color-cotton-boll-300: #b6c5d1;
  --color-cotton-boll-400: #94a5b2;
  --color-cotton-boll-500: #788a96;
  --color-cotton-boll-600: #5e6f7b;
  --color-cotton-boll-700: #495762;
  --color-cotton-boll-800: #37444e;
  --color-cotton-boll-900: #29343c;
  --color-cotton-boll-950: #192026;
  --color-golden-talisman: #eac895;
  --color-golden-talisman-50: #ffeccf;
  --color-golden-talisman-100: #f6dfbd;
  --color-golden-talisman-200: #eac895;
  --color-golden-talisman-300: #d2b488;
  --color-golden-talisman-400: #b59666;
  --color-golden-talisman-500: #9b7c4b;
  --color-golden-talisman-600: #816334;
  --color-golden-talisman-700: #6a4f22;
  --color-golden-talisman-800: #553e15;
  --color-golden-talisman-900: #432f0c;
  --color-golden-talisman-950: #2b1c04;
  --color-bloodthirsty-beige: #f9d5cd;
  --color-bloodthirsty-beige-50: #fff8f6;
  --color-bloodthirsty-beige-100: #ffece8;
  --color-bloodthirsty-beige-200: #f9d5cd;
  --color-bloodthirsty-beige-300: #dcbfb8;
  --color-bloodthirsty-beige-400: #be9d96;
  --color-bloodthirsty-beige-500: #a18179;
  --color-bloodthirsty-beige-600: #84655f;
  --color-bloodthirsty-beige-700: #6a4f48;
  --color-bloodthirsty-beige-800: #543c36;
  --color-bloodthirsty-beige-900: #412d29;
  --color-bloodthirsty-beige-950: #2a1b18;
}