Big Spender to Voracious White Color Palette

About this palette

Big Spender to Voracious White is a 4-color pastel, light palette: #B0DEBB (Big Spender), #DEC8AC (Larb Gai), #F3CAF7 (Kissed by Mist), #FFEEE8 (Voracious White). It mixes green, orange, pink, white tones and feels cool overall. The strongest text pairing is #DEC8AC on #FFEEE8 with a contrast ratio of 1.44:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Big Spender	rgb(176, 222, 187)	hsl(134, 41%, 78%)
Larb Gai	rgb(222, 200, 172)	hsl(34, 43%, 77%)
Kissed by Mist	rgb(243, 202, 247)	hsl(295, 74%, 88%)
Voracious White	rgb(255, 238, 232)	hsl(16, 100%, 95%)

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

/* Big Spender to Voracious White — https://swatchly.xyz/palette/b0debb-dec8ac-f3caf7-ffeee8 */
:root {
  --big-spender: #b0debb;
  --larb-gai: #dec8ac;
  --kissed-by-mist: #f3caf7;
  --voracious-white: #ffeee8;
}

Tailwind CSS v4

/* Big Spender to Voracious White — https://swatchly.xyz/palette/b0debb-dec8ac-f3caf7-ffeee8 */
@theme {
  --color-big-spender: #b0debb;
  --color-big-spender-50: #def9e4;
  --color-big-spender-100: #d0eed7;
  --color-big-spender-200: #b0debb;
  --color-big-spender-300: #9fc7a9;
  --color-big-spender-400: #7fa989;
  --color-big-spender-500: #648f6f;
  --color-big-spender-600: #4c7557;
  --color-big-spender-700: #385e43;
  --color-big-spender-800: #2a4b33;
  --color-big-spender-900: #1e3a26;
  --color-big-spender-950: #102516;
  --color-larb-gai: #dec8ac;
  --color-larb-gai-50: #fffaf3;
  --color-larb-gai-100: #fdf1e0;
  --color-larb-gai-200: #eedecb;
  --color-larb-gai-300: #dec8ac;
  --color-larb-gai-400: #bba78d;
  --color-larb-gai-500: #9e896f;
  --color-larb-gai-600: #816d54;
  --color-larb-gai-700: #67553e;
  --color-larb-gai-800: #50412d;
  --color-larb-gai-900: #3d301f;
  --color-larb-gai-950: #271d11;
  --color-kissed-by-mist: #f3caf7;
  --color-kissed-by-mist-50: #fef3ff;
  --color-kissed-by-mist-100: #fde4ff;
  --color-kissed-by-mist-200: #f3caf7;
  --color-kissed-by-mist-300: #d8b6db;
  --color-kissed-by-mist-400: #ba94bd;
  --color-kissed-by-mist-500: #9e78a2;
  --color-kissed-by-mist-600: #825e85;
  --color-kissed-by-mist-700: #68486c;
  --color-kissed-by-mist-800: #533756;
  --color-kissed-by-mist-900: #402943;
  --color-kissed-by-mist-950: #29182b;
  --color-voracious-white: #ffeee8;
  --color-voracious-white-50: #ffeee8;
  --color-voracious-white-100: #f1e6e2;
  --color-voracious-white-200: #dfd2ce;
  --color-voracious-white-300: #cabcb7;
  --color-voracious-white-400: #ac9d98;
  --color-voracious-white-500: #91827d;
  --color-voracious-white-600: #776863;
  --color-voracious-white-700: #5f524d;
  --color-voracious-white-800: #4b403c;
  --color-voracious-white-900: #3a302d;
  --color-voracious-white-950: #241e1b;
}