Arabica Mint to Big Spender Color Palette

About this palette

Arabica Mint to Big Spender is a 5-color pastel, light, cool palette: #C4FBDE (Arabica Mint), #CBD4FB (Frozen Periwinkle), #E7EDFF (Cotton Boll), #91E6E2 (Aqua Fiesta), #A6DAB1 (Big Spender). It mixes green, blue, white, turquoise tones and feels cool overall. The strongest text pairing is #C4FBDE on #A6DAB1 with a contrast ratio of 1.37:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Arabica Mint	rgb(196, 251, 222)	hsl(148, 87%, 88%)
Frozen Periwinkle	rgb(203, 212, 251)	hsl(229, 86%, 89%)
Cotton Boll	rgb(231, 237, 255)	hsl(225, 100%, 95%)
Aqua Fiesta	rgb(145, 230, 226)	hsl(177, 63%, 74%)
Big Spender	rgb(166, 218, 177)	hsl(133, 41%, 75%)

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

/* Arabica Mint to Big Spender — https://swatchly.xyz/palette/c4fbde-cbd4fb-e7edff-91e6e2-a6dab1 */
:root {
  --arabica-mint: #c4fbde;
  --frozen-periwinkle: #cbd4fb;
  --cotton-boll: #e7edff;
  --aqua-fiesta: #91e6e2;
  --big-spender: #a6dab1;
}

Tailwind CSS v4

/* Arabica Mint to Big Spender — https://swatchly.xyz/palette/c4fbde-cbd4fb-e7edff-91e6e2-a6dab1 */
@theme {
  --color-arabica-mint: #c4fbde;
  --color-arabica-mint-50: #e1feee;
  --color-arabica-mint-100: #c4fbde;
  --color-arabica-mint-200: #bce3ce;
  --color-arabica-mint-300: #a1ceb6;
  --color-arabica-mint-400: #7daf95;
  --color-arabica-mint-500: #60947a;
  --color-arabica-mint-600: #467860;
  --color-arabica-mint-700: #32604a;
  --color-arabica-mint-800: #234c39;
  --color-arabica-mint-900: #183b2b;
  --color-arabica-mint-950: #0b2519;
  --color-frozen-periwinkle: #cbd4fb;
  --color-frozen-periwinkle-50: #f1f4ff;
  --color-frozen-periwinkle-100: #e4e9ff;
  --color-frozen-periwinkle-200: #cbd4fb;
  --color-frozen-periwinkle-300: #b6bedf;
  --color-frozen-periwinkle-400: #979fc2;
  --color-frozen-periwinkle-500: #7b83a7;
  --color-frozen-periwinkle-600: #62698b;
  --color-frozen-periwinkle-700: #4d5372;
  --color-frozen-periwinkle-800: #3b415b;
  --color-frozen-periwinkle-900: #2d3148;
  --color-frozen-periwinkle-950: #1b1e2e;
  --color-cotton-boll: #e7edff;
  --color-cotton-boll-50: #f4f7ff;
  --color-cotton-boll-100: #e7edff;
  --color-cotton-boll-200: #d5d9e6;
  --color-cotton-boll-300: #bdc2d1;
  --color-cotton-boll-400: #9da2b2;
  --color-cotton-boll-500: #818697;
  --color-cotton-boll-600: #676c7b;
  --color-cotton-boll-700: #505563;
  --color-cotton-boll-800: #3e424e;
  --color-cotton-boll-900: #2f323d;
  --color-cotton-boll-950: #1d1f26;
  --color-aqua-fiesta: #91e6e2;
  --color-aqua-fiesta-50: #d0fefb;
  --color-aqua-fiesta-100: #c1f4f1;
  --color-aqua-fiesta-200: #91e6e2;
  --color-aqua-fiesta-300: #86cdca;
  --color-aqua-fiesta-400: #5eafac;
  --color-aqua-fiesta-500: #3e9491;
  --color-aqua-fiesta-600: #1f7a77;
  --color-aqua-fiesta-700: #026260;
  --color-aqua-fiesta-800: #004d4b;
  --color-aqua-fiesta-900: #003c3a;
  --color-aqua-fiesta-950: #002524;
  --color-big-spender: #a6dab1;
  --color-big-spender-50: #f0fff3;
  --color-big-spender-100: #ddfbe3;
  --color-big-spender-200: #c7ebce;
  --color-big-spender-300: #a6dab1;
  --color-big-spender-400: #88b792;
  --color-big-spender-500: #699a74;
  --color-big-spender-600: #4d7d59;
  --color-big-spender-700: #376443;
  --color-big-spender-800: #274e31;
  --color-big-spender-900: #1a3b23;
  --color-big-spender-950: #0d2514;
}