Start generating

Big Spender to Candied Snow color palette

A4E0B4Big SpenderFFC29DBlushing CinnamonFFD0EFPuff of PinkDCE7FFVeiling WaterfallsD9FEEECandied Snow
Open in generator Export PNG, PDF, ASE…

About this palette

Big Spender to Candied Snow is a 5-color pastel, light palette: #A4E0B4 (Big Spender), #FFC29D (Blushing Cinnamon), #FFD0EF (Puff of Pink), #DCE7FF (Veiling Waterfalls), #D9FEEE (Candied Snow). It mixes green, orange, pink, gray, white tones and feels balanced overall. The strongest text pairing is #FFC29D on #D9FEEE with a contrast ratio of 1.44:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Big Spenderrgb(164, 224, 180)hsl(136, 49%, 76%)
Blushing Cinnamonrgb(255, 194, 157)hsl(23, 100%, 81%)
Puff of Pinkrgb(255, 208, 239)hsl(320, 100%, 91%)
Veiling Waterfallsrgb(220, 231, 255)hsl(221, 100%, 93%)
Candied Snowrgb(217, 254, 238)hsl(154, 95%, 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

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Big Spender to Candied Snow — https://swatchly.xyz/palette/a4e0b4-ffc29d-ffd0ef-dce7ff-d9feee */
:root {
  --big-spender: #a4e0b4;
  --blushing-cinnamon: #ffc29d;
  --puff-of-pink: #ffd0ef;
  --veiling-waterfalls: #dce7ff;
  --candied-snow: #d9feee;
}

    Tailwind CSS v4

    /* Big Spender to Candied Snow — https://swatchly.xyz/palette/a4e0b4-ffc29d-ffd0ef-dce7ff-d9feee */
@theme {
  --color-big-spender: #a4e0b4;
  --color-big-spender-50: #d7fadf;
  --color-big-spender-100: #c8f0d2;
  --color-big-spender-200: #a4e0b4;
  --color-big-spender-300: #95c9a3;
  --color-big-spender-400: #73ac83;
  --color-big-spender-500: #589169;
  --color-big-spender-600: #407751;
  --color-big-spender-700: #2d613e;
  --color-big-spender-800: #1f4d2f;
  --color-big-spender-900: #143c22;
  --color-big-spender-950: #092613;
  --color-blushing-cinnamon: #ffc29d;
  --color-blushing-cinnamon-50: #ffede2;
  --color-blushing-cinnamon-100: #ffdecb;
  --color-blushing-cinnamon-200: #ffc29d;
  --color-blushing-cinnamon-300: #e3af8f;
  --color-blushing-cinnamon-400: #c78f6d;
  --color-blushing-cinnamon-500: #ac7452;
  --color-blushing-cinnamon-600: #905b3a;
  --color-blushing-cinnamon-700: #764728;
  --color-blushing-cinnamon-800: #60361b;
  --color-blushing-cinnamon-900: #4c2911;
  --color-blushing-cinnamon-950: #311807;
  --color-puff-of-pink: #ffd0ef;
  --color-puff-of-pink-50: #fff9fd;
  --color-puff-of-pink-100: #ffecf8;
  --color-puff-of-pink-200: #ffd0ef;
  --color-puff-of-pink-300: #e1bbd4;
  --color-puff-of-pink-400: #c298b4;
  --color-puff-of-pink-500: #a57b97;
  --color-puff-of-pink-600: #88607b;
  --color-puff-of-pink-700: #6d4962;
  --color-puff-of-pink-800: #56374c;
  --color-puff-of-pink-900: #43293b;
  --color-puff-of-pink-950: #2b1825;
  --color-veiling-waterfalls: #dce7ff;
  --color-veiling-waterfalls-50: #ebf2ff;
  --color-veiling-waterfalls-100: #dce7ff;
  --color-veiling-waterfalls-200: #ccd4e6;
  --color-veiling-waterfalls-300: #b5bed2;
  --color-veiling-waterfalls-400: #96a0b5;
  --color-veiling-waterfalls-500: #7b859a;
  --color-veiling-waterfalls-600: #626b80;
  --color-veiling-waterfalls-700: #4d5568;
  --color-veiling-waterfalls-800: #3b4252;
  --color-veiling-waterfalls-900: #2d3340;
  --color-veiling-waterfalls-950: #1b1f29;
  --color-candied-snow: #d9feee;
  --color-candied-snow-50: #d9feee;
  --color-candied-snow-100: #daf0e6;
  --color-candied-snow-200: #c3ded2;
  --color-candied-snow-300: #aac9bb;
  --color-candied-snow-400: #89aa9c;
  --color-candied-snow-500: #6d8f81;
  --color-candied-snow-600: #547467;
  --color-candied-snow-700: #3f5d51;
  --color-candied-snow-800: #2f493e;
  --color-candied-snow-900: #22382f;
  --color-candied-snow-950: #13231d;
}

    Similar palettes