Big Spender to Calm Waters Color Palette

About this palette

Big Spender to Calm Waters is a 5-color pastel, light, cool palette: #AED9B5 (Big Spender), #D7C5A5 (Fiji Sands), #EFD8FD (Grape Taffy), #BFFBE1 (Arabica Mint), #E5F8FF (Calm Waters). It mixes green, yellow, purple, turquoise, white tones and feels cool overall. The strongest text pairing is #D7C5A5 on #E5F8FF with a contrast ratio of 1.55:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Big Spender	rgb(174, 217, 181)	hsl(130, 36%, 77%)
Fiji Sands	rgb(215, 197, 165)	hsl(38, 38%, 75%)
Grape Taffy	rgb(239, 216, 253)	hsl(277, 90%, 92%)
Arabica Mint	rgb(191, 251, 225)	hsl(154, 88%, 87%)
Calm Waters	rgb(229, 248, 255)	hsl(196, 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 Calm Waters — https://swatchly.xyz/palette/aed9b5-d7c5a5-efd8fd-bffbe1-e5f8ff */
:root {
  --big-spender: #aed9b5;
  --fiji-sands: #d7c5a5;
  --grape-taffy: #efd8fd;
  --arabica-mint: #bffbe1;
  --calm-waters: #e5f8ff;
}

Tailwind CSS v4

/* Big Spender to Calm Waters — https://swatchly.xyz/palette/aed9b5-d7c5a5-efd8fd-bffbe1-e5f8ff */
@theme {
  --color-big-spender: #aed9b5;
  --color-big-spender-50: #f2fff4;
  --color-big-spender-100: #e2fbe6;
  --color-big-spender-200: #cdead1;
  --color-big-spender-300: #aed9b5;
  --color-big-spender-400: #8fb696;
  --color-big-spender-500: #709977;
  --color-big-spender-600: #557c5c;
  --color-big-spender-700: #3e6245;
  --color-big-spender-800: #2d4c33;
  --color-big-spender-900: #1f3a25;
  --color-big-spender-950: #112415;
  --color-fiji-sands: #d7c5a5;
  --color-fiji-sands-50: #fff8ea;
  --color-fiji-sands-100: #f9eedb;
  --color-fiji-sands-200: #e8dbc4;
  --color-fiji-sands-300: #d7c5a5;
  --color-fiji-sands-400: #b5a487;
  --color-fiji-sands-500: #99886a;
  --color-fiji-sands-600: #7c6c4f;
  --color-fiji-sands-700: #64553a;
  --color-fiji-sands-800: #4e412a;
  --color-fiji-sands-900: #3c311e;
  --color-fiji-sands-950: #261e10;
  --color-grape-taffy: #efd8fd;
  --color-grape-taffy-50: #f5e7fe;
  --color-grape-taffy-100: #efd8fd;
  --color-grape-taffy-200: #dac8e5;
  --color-grape-taffy-300: #c6b2d2;
  --color-grape-taffy-400: #a994b6;
  --color-grape-taffy-500: #8f7a9c;
  --color-grape-taffy-600: #756181;
  --color-grape-taffy-700: #5f4d6a;
  --color-grape-taffy-800: #4b3b54;
  --color-grape-taffy-900: #3a2d42;
  --color-grape-taffy-950: #241b2a;
  --color-arabica-mint: #bffbe1;
  --color-arabica-mint-50: #defef0;
  --color-arabica-mint-100: #bffbe1;
  --color-arabica-mint-200: #b8e3d0;
  --color-arabica-mint-300: #9dceb8;
  --color-arabica-mint-400: #78af98;
  --color-arabica-mint-500: #5b947d;
  --color-arabica-mint-600: #417963;
  --color-arabica-mint-700: #2d614d;
  --color-arabica-mint-800: #1e4c3b;
  --color-arabica-mint-900: #133b2d;
  --color-arabica-mint-950: #08251b;
  --color-calm-waters: #e5f8ff;
  --color-calm-waters-50: #e5f8ff;
  --color-calm-waters-100: #e1edf1;
  --color-calm-waters-200: #ccdadf;
  --color-calm-waters-300: #b4c4c9;
  --color-calm-waters-400: #94a5ab;
  --color-calm-waters-500: #788990;
  --color-calm-waters-600: #5f6f75;
  --color-calm-waters-700: #49585d;
  --color-calm-waters-800: #384549;
  --color-calm-waters-900: #2a3539;
  --color-calm-waters-950: #192124;
}