Strawberry Bonbon to Into the Green color palette

FFEAF7Strawberry Bonbon 55183CSoul Anchor EBABD2Roses in the Snow 00AE64Secret Garden 007147Into the Green

Open in generator Export PNG, PDF, ASE…

About this palette

Strawberry Bonbon to Into the Green is a 5-color vintage palette: #FFEAF7 (Strawberry Bonbon), #55183C (Soul Anchor), #EBABD2 (Roses in the Snow), #00AE64 (Secret Garden), #007147 (Into the Green). It mixes white, red, pink, green tones and feels balanced overall. The strongest text pairing is #FFEAF7 on #55183C with a contrast ratio of 11.61:1, and 4 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Strawberry Bonbon	rgb(255, 234, 247)	hsl(323, 100%, 96%)
Soul Anchor	rgb(85, 24, 60)	hsl(325, 56%, 21%)
Roses in the Snow	rgb(235, 171, 210)	hsl(323, 62%, 80%)
Secret Garden	rgb(0, 174, 100)	hsl(154, 100%, 34%)
Into the Green	rgb(0, 113, 71)	hsl(158, 100%, 22%)

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.

Aa11.61:1 Very good#FFEAF7 on #55183C
Aa11.61:1 Very good#55183C on #FFEAF7
Aa7.13:1 Very good#55183C on #EBABD2
Aa7.13:1 Very good#EBABD2 on #55183C
Aa5.32:1 Good#FFEAF7 on #007147
Aa5.32:1 Good#007147 on #FFEAF7
Aa4.58:1 Good#55183C on #00AE64
Aa4.58:1 Good#00AE64 on #55183C

Color blindness preview

CSS variables

/* Strawberry Bonbon to Into the Green — https://swatchly.xyz/palette/ffeaf7-55183c-ebabd2-00ae64-007147 */
:root {
  --strawberry-bonbon: #ffeaf7;
  --soul-anchor: #55183c;
  --roses-in-the-snow: #ebabd2;
  --secret-garden: #00ae64;
  --into-the-green: #007147;
}

Tailwind CSS v4

/* Strawberry Bonbon to Into the Green — https://swatchly.xyz/palette/ffeaf7-55183c-ebabd2-00ae64-007147 */
@theme {
  --color-strawberry-bonbon: #ffeaf7;
  --color-strawberry-bonbon-50: #ffeaf7;
  --color-strawberry-bonbon-100: #f1e3eb;
  --color-strawberry-bonbon-200: #dfd0d9;
  --color-strawberry-bonbon-300: #cab9c4;
  --color-strawberry-bonbon-400: #ad9aa6;
  --color-strawberry-bonbon-500: #927f8b;
  --color-strawberry-bonbon-600: #776671;
  --color-strawberry-bonbon-700: #60505a;
  --color-strawberry-bonbon-800: #4b3e46;
  --color-strawberry-bonbon-900: #3a2f36;
  --color-strawberry-bonbon-950: #251c22;
  --color-soul-anchor: #55183c;
  --color-soul-anchor-50: #fff1f7;
  --color-soul-anchor-100: #ffe2f0;
  --color-soul-anchor-200: #fdc4e0;
  --color-soul-anchor-300: #ebabcb;
  --color-soul-anchor-400: #ce89ac;
  --color-soul-anchor-500: #b26d91;
  --color-soul-anchor-600: #955376;
  --color-soul-anchor-700: #7a3e5f;
  --color-soul-anchor-800: #622e4a;
  --color-soul-anchor-900: #55183c;
  --color-soul-anchor-950: #321324;
  --color-roses-in-the-snow: #ebabd2;
  --color-roses-in-the-snow-50: #fff1f9;
  --color-roses-in-the-snow-100: #ffe2f3;
  --color-roses-in-the-snow-200: #f8c8e4;
  --color-roses-in-the-snow-300: #ebabd2;
  --color-roses-in-the-snow-400: #c88db1;
  --color-roses-in-the-snow-500: #ac7196;
  --color-roses-in-the-snow-600: #8f577a;
  --color-roses-in-the-snow-700: #754262;
  --color-roses-in-the-snow-800: #5d314e;
  --color-roses-in-the-snow-900: #49243c;
  --color-roses-in-the-snow-950: #2f1426;
  --color-secret-garden: #00ae64;
  --color-secret-garden-50: #e5ffed;
  --color-secret-garden-100: #c9ffda;
  --color-secret-garden-200: #9ef5bd;
  --color-secret-garden-300: #7ce3a3;
  --color-secret-garden-400: #49c781;
  --color-secret-garden-500: #00ae64;
  --color-secret-garden-600: #008c4f;
  --color-secret-garden-700: #006f3e;
  --color-secret-garden-800: #00572f;
  --color-secret-garden-900: #004222;
  --color-secret-garden-950: #002913;
  --color-into-the-green: #007147;
  --color-into-the-green-50: #ddffea;
  --color-into-the-green-100: #c5fadb;
  --color-into-the-green-200: #abeac6;
  --color-into-the-green-300: #8fd7af;
  --color-into-the-green-400: #68bb8f;
  --color-into-the-green-500: #48a174;
  --color-into-the-green-600: #2a875c;
  --color-into-the-green-700: #007147;
  --color-into-the-green-800: #005937;
  --color-into-the-green-900: #004529;
  --color-into-the-green-950: #002c18;
}