Fresh Gum to Rich Black Color Palette

About this palette

Fresh Gum to Rich Black is a 4-color palette: #FDA7CB (Fresh Gum), #BC8A00 (Moutarde de Bénichon), #505AA1 (Starstruck), #003B35 (Rich Black). It mixes pink, yellow, purple, turquoise tones and feels balanced overall. The strongest text pairing is #FDA7CB on #003B35 with a contrast ratio of 6.90:1, and 1 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Fresh Gum	rgb(253, 167, 203)	hsl(335, 96%, 82%)
Moutarde de Bénichon	rgb(188, 138, 0)	hsl(44, 100%, 37%)
Starstruck	rgb(80, 90, 161)	hsl(233, 34%, 47%)
Rich Black	rgb(0, 59, 53)	hsl(174, 100%, 12%)

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.

Aa6.90:1 Good#FDA7CB on #003B35
Aa6.90:1 Good#003B35 on #FDA7CB
Aa4.04:1 Poor#BC8A00 on #003B35
Aa4.04:1 Poor#003B35 on #BC8A00
Aa3.49:1 Poor#FDA7CB on #505AA1
Aa3.49:1 Poor#505AA1 on #FDA7CB

Color blindness preview

CSS variables

/* Fresh Gum to Rich Black — https://swatchly.xyz/palette/fda7cb-bc8a00-505aa1-003b35 */
:root {
  --fresh-gum: #fda7cb;
  --moutarde-de-b-nichon: #bc8a00;
  --starstruck: #505aa1;
  --rich-black: #003b35;
}

Tailwind CSS v4

/* Fresh Gum to Rich Black — https://swatchly.xyz/palette/fda7cb-bc8a00-505aa1-003b35 */
@theme {
  --color-fresh-gum: #fda7cb;
  --color-fresh-gum-50: #fff4f8;
  --color-fresh-gum-100: #ffe6f0;
  --color-fresh-gum-200: #ffcadf;
  --color-fresh-gum-300: #fda7cb;
  --color-fresh-gum-400: #d889aa;
  --color-fresh-gum-500: #bb6b8e;
  --color-fresh-gum-600: #9d5173;
  --color-fresh-gum-700: #803c5b;
  --color-fresh-gum-800: #672b47;
  --color-fresh-gum-900: #511e36;
  --color-fresh-gum-950: #351022;
  --color-moutarde-de-b-nichon: #bc8a00;
  --color-moutarde-de-b-nichon-50: #fff7e7;
  --color-moutarde-de-b-nichon-100: #ffeecf;
  --color-moutarde-de-b-nichon-200: #fed995;
  --color-moutarde-de-b-nichon-300: #eec473;
  --color-moutarde-de-b-nichon-400: #d4a542;
  --color-moutarde-de-b-nichon-500: #bc8a00;
  --color-moutarde-de-b-nichon-600: #986f00;
  --color-moutarde-de-b-nichon-700: #785700;
  --color-moutarde-de-b-nichon-800: #5e4300;
  --color-moutarde-de-b-nichon-900: #483200;
  --color-moutarde-de-b-nichon-950: #2d1e00;
  --color-starstruck: #505aa1;
  --color-starstruck-50: #f2f5ff;
  --color-starstruck-100: #e3e8ff;
  --color-starstruck-200: #c7d1ff;
  --color-starstruck-300: #a9b6fb;
  --color-starstruck-400: #8794de;
  --color-starstruck-500: #6a76c0;
  --color-starstruck-600: #505aa1;
  --color-starstruck-700: #3e4683;
  --color-starstruck-800: #2f366b;
  --color-starstruck-900: #242956;
  --color-starstruck-950: #151939;
  --color-rich-black: #003b35;
  --color-rich-black-50: #e0fcf7;
  --color-rich-black-100: #d3f3ee;
  --color-rich-black-200: #bae1da;
  --color-rich-black-300: #9fccc4;
  --color-rich-black-400: #7bada5;
  --color-rich-black-500: #5e9189;
  --color-rich-black-600: #44766f;
  --color-rich-black-700: #305e58;
  --color-rich-black-800: #214a44;
  --color-rich-black-900: #003b35;
  --color-rich-black-950: #0a2320;
}