Peppermint to Castaway Beach color palette

D2E5D2Peppermint 2F2B16Go to Hell Black 729878Money 4F5643Verdant Hush 6D734CDill CEC198Castaway Beach

Open in generator Export PNG, PDF, ASE…

About this palette

Peppermint to Castaway Beach is a 6-color muted, earthy palette: #D2E5D2 (Peppermint), #2F2B16 (Go to Hell Black), #729878 (Money), #4F5643 (Verdant Hush), #6D734C (Dill), #CEC198 (Castaway Beach). It mixes gray, brown, green, yellow tones and feels balanced overall. The strongest text pairing is #D2E5D2 on #2F2B16 with a contrast ratio of 10.74:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Peppermint	rgb(210, 229, 210)	hsl(120, 27%, 86%)
Go to Hell Black	rgb(47, 43, 22)	hsl(50, 36%, 14%)
Money	rgb(114, 152, 120)	hsl(129, 16%, 52%)
Verdant Hush	rgb(79, 86, 67)	hsl(82, 12%, 30%)
Dill	rgb(109, 115, 76)	hsl(69, 20%, 37%)
Castaway Beach	rgb(206, 193, 152)	hsl(46, 36%, 70%)

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.

Aa10.74:1 Very good#D2E5D2 on #2F2B16
Aa10.74:1 Very good#2F2B16 on #D2E5D2
Aa7.92:1 Very good#2F2B16 on #CEC198
Aa7.92:1 Very good#CEC198 on #2F2B16
Aa5.79:1 Good#D2E5D2 on #4F5643
Aa5.79:1 Good#4F5643 on #D2E5D2
Aa4.38:1 Poor#2F2B16 on #729878
Aa4.38:1 Poor#729878 on #2F2B16

Color blindness preview

CSS variables

/* Peppermint to Castaway Beach — https://swatchly.xyz/palette/d2e5d2-2f2b16-729878-4f5643-6d734c-cec198 */
:root {
  --peppermint: #d2e5d2;
  --go-to-hell-black: #2f2b16;
  --money: #729878;
  --verdant-hush: #4f5643;
  --dill: #6d734c;
  --castaway-beach: #cec198;
}

Tailwind CSS v4

/* Peppermint to Castaway Beach — https://swatchly.xyz/palette/d2e5d2-2f2b16-729878-4f5643-6d734c-cec198 */
@theme {
  --color-peppermint: #d2e5d2;
  --color-peppermint-50: #f3fdf3;
  --color-peppermint-100: #eaf5ea;
  --color-peppermint-200: #d2e5d2;
  --color-peppermint-300: #bdccbc;
  --color-peppermint-400: #9bac9b;
  --color-peppermint-500: #7e8f7e;
  --color-peppermint-600: #637363;
  --color-peppermint-700: #4c5b4c;
  --color-peppermint-800: #39463a;
  --color-peppermint-900: #2b362b;
  --color-peppermint-950: #1a221a;
  --color-go-to-hell-black: #2f2b16;
  --color-go-to-hell-black-50: #f8f6e7;
  --color-go-to-hell-black-100: #efecdc;
  --color-go-to-hell-black-200: #dbd8c5;
  --color-go-to-hell-black-300: #c5c2ac;
  --color-go-to-hell-black-400: #a5a189;
  --color-go-to-hell-black-500: #88846c;
  --color-go-to-hell-black-600: #6c6851;
  --color-go-to-hell-black-700: #54503c;
  --color-go-to-hell-black-800: #3f3c2b;
  --color-go-to-hell-black-900: #2f2b16;
  --color-go-to-hell-black-950: #1b1910;
  --color-money: #729878;
  --color-money-50: #e7fdea;
  --color-money-100: #ddf5e0;
  --color-money-200: #c7e4cb;
  --color-money-300: #afd0b3;
  --color-money-400: #8eb293;
  --color-money-500: #729878;
  --color-money-600: #577c5d;
  --color-money-700: #416347;
  --color-money-800: #304e35;
  --color-money-900: #223c27;
  --color-money-950: #132516;
  --color-verdant-hush: #4f5643;
  --color-verdant-hush-50: #f2f7eb;
  --color-verdant-hush-100: #e8eee0;
  --color-verdant-hush-200: #d4dac9;
  --color-verdant-hush-300: #bcc3b1;
  --color-verdant-hush-400: #9ca48f;
  --color-verdant-hush-500: #808873;
  --color-verdant-hush-600: #666d5a;
  --color-verdant-hush-700: #4f5643;
  --color-verdant-hush-800: #3d4334;
  --color-verdant-hush-900: #2f3327;
  --color-verdant-hush-950: #1c2017;
  --color-dill: #6d734c;
  --color-dill-50: #f4f8e0;
  --color-dill-100: #eaefd5;
  --color-dill-200: #d7dcbd;
  --color-dill-300: #c1c7a3;
  --color-dill-400: #a2a881;
  --color-dill-500: #878d65;
  --color-dill-600: #6d734c;
  --color-dill-700: #565b38;
  --color-dill-800: #434728;
  --color-dill-900: #33371c;
  --color-dill-950: #1f220f;
  --color-castaway-beach: #cec198;
  --color-castaway-beach-50: #fcf5de;
  --color-castaway-beach-100: #f3ebd2;
  --color-castaway-beach-200: #e1d8b9;
  --color-castaway-beach-300: #cec198;
  --color-castaway-beach-400: #aea17b;
  --color-castaway-beach-500: #92865f;
  --color-castaway-beach-600: #776b46;
  --color-castaway-beach-700: #605532;
  --color-castaway-beach-800: #4b4224;
  --color-castaway-beach-900: #3a3219;
  --color-castaway-beach-950: #251f0c;
}