Pink Fit to Herbal Vapours Color Palette

About this palette

Pink Fit to Herbal Vapours is a 4-color pastel, light palette: #F2A8AD (Pink Fit), #B2DBC9 (Jade Sea), #FFE0E6 (Pink Pleasure), #DAFDCD (Herbal Vapours). It mixes pink, turquoise, green tones and feels balanced overall. The strongest text pairing is #F2A8AD on #DAFDCD with a contrast ratio of 1.72:1, and 0 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Pink Fit	rgb(242, 168, 173)	hsl(356, 74%, 80%)
Jade Sea	rgb(178, 219, 201)	hsl(154, 36%, 78%)
Pink Pleasure	rgb(255, 224, 230)	hsl(348, 100%, 94%)
Herbal Vapours	rgb(218, 253, 205)	hsl(104, 92%, 90%)

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

/* Pink Fit to Herbal Vapours — https://swatchly.xyz/palette/f2a8ad-b2dbc9-ffe0e6-dafdcd */
:root {
  --pink-fit: #f2a8ad;
  --jade-sea: #b2dbc9;
  --pink-pleasure: #ffe0e6;
  --herbal-vapours: #dafdcd;
}

Tailwind CSS v4

/* Pink Fit to Herbal Vapours — https://swatchly.xyz/palette/f2a8ad-b2dbc9-ffe0e6-dafdcd */
@theme {
  --color-pink-fit: #f2a8ad;
  --color-pink-fit-50: #fff0f0;
  --color-pink-fit-100: #ffe2e3;
  --color-pink-fit-200: #fec5c8;
  --color-pink-fit-300: #f2a8ad;
  --color-pink-fit-400: #cf8a8f;
  --color-pink-fit-500: #b36f74;
  --color-pink-fit-600: #96555b;
  --color-pink-fit-700: #7b4146;
  --color-pink-fit-800: #633035;
  --color-pink-fit-900: #4f2428;
  --color-pink-fit-950: #331418;
  --color-jade-sea: #b2dbc9;
  --color-jade-sea-50: #dff7ec;
  --color-jade-sea-100: #d1ece0;
  --color-jade-sea-200: #b2dbc9;
  --color-jade-sea-300: #a1c4b5;
  --color-jade-sea-400: #81a796;
  --color-jade-sea-500: #668d7c;
  --color-jade-sea-600: #4e7363;
  --color-jade-sea-700: #3b5d4f;
  --color-jade-sea-800: #2c4a3e;
  --color-jade-sea-900: #1f392f;
  --color-jade-sea-950: #11241c;
  --color-pink-pleasure: #ffe0e6;
  --color-pink-pleasure-50: #ffeff2;
  --color-pink-pleasure-100: #ffe0e6;
  --color-pink-pleasure-200: #e6cfd3;
  --color-pink-pleasure-300: #d2b8bd;
  --color-pink-pleasure-400: #b4989e;
  --color-pink-pleasure-500: #997d83;
  --color-pink-pleasure-600: #7e6369;
  --color-pink-pleasure-700: #654e53;
  --color-pink-pleasure-800: #503c40;
  --color-pink-pleasure-900: #3f2d31;
  --color-pink-pleasure-950: #281b1e;
  --color-herbal-vapours: #dafdcd;
  --color-herbal-vapours-50: #dafdcd;
  --color-herbal-vapours-100: #d9efd1;
  --color-herbal-vapours-200: #c4deba;
  --color-herbal-vapours-300: #acc9a1;
  --color-herbal-vapours-400: #8cab80;
  --color-herbal-vapours-500: #719065;
  --color-herbal-vapours-600: #58764c;
  --color-herbal-vapours-700: #435e38;
  --color-herbal-vapours-800: #324a29;
  --color-herbal-vapours-900: #25391d;
  --color-herbal-vapours-950: #152410;
}