Broccoli Green to Monsoon Season Color Palette

About this palette

Broccoli Green to Monsoon Season is a 4-color muted palette: #47533F (Broccoli Green), #2B191D (Black Cherry), #FFE0E9 (Pink Pleasure), #799AB2 (Monsoon Season). It mixes green, gray, pink, blue tones and feels cool overall. The strongest text pairing is #2B191D on #FFE0E9 with a contrast ratio of 13.57:1, and 3 of its 6 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Broccoli Green	rgb(71, 83, 63)	hsl(96, 14%, 29%)
Black Cherry	rgb(43, 25, 29)	hsl(347, 26%, 13%)
Pink Pleasure	rgb(255, 224, 233)	hsl(343, 100%, 94%)
Monsoon Season	rgb(121, 154, 178)	hsl(205, 27%, 59%)

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.

Aa13.57:1 Super#2B191D on #FFE0E9
Aa13.57:1 Super#FFE0E9 on #2B191D
Aa6.63:1 Good#47533F on #FFE0E9
Aa6.63:1 Good#FFE0E9 on #47533F
Aa5.62:1 Good#2B191D on #799AB2
Aa5.62:1 Good#799AB2 on #2B191D

Color blindness preview

CSS variables

/* Broccoli Green to Monsoon Season — https://swatchly.xyz/palette/47533f-2b191d-ffe0e9-799ab2 */
:root {
  --broccoli-green: #47533f;
  --black-cherry: #2b191d;
  --pink-pleasure: #ffe0e9;
  --monsoon-season: #799ab2;
}

Tailwind CSS v4

/* Broccoli Green to Monsoon Season — https://swatchly.xyz/palette/47533f-2b191d-ffe0e9-799ab2 */
@theme {
  --color-broccoli-green: #47533f;
  --color-broccoli-green-50: #f0f8eb;
  --color-broccoli-green-100: #e5efe0;
  --color-broccoli-green-200: #cfdac9;
  --color-broccoli-green-300: #b7c3af;
  --color-broccoli-green-400: #95a38d;
  --color-broccoli-green-500: #798671;
  --color-broccoli-green-600: #5e6b56;
  --color-broccoli-green-700: #47533f;
  --color-broccoli-green-800: #374031;
  --color-broccoli-green-900: #2a3225;
  --color-broccoli-green-950: #191e15;
  --color-black-cherry: #2b191d;
  --color-black-cherry-50: #fff1f4;
  --color-black-cherry-100: #f7e6e9;
  --color-black-cherry-200: #e5d2d5;
  --color-black-cherry-300: #d0bbbf;
  --color-black-cherry-400: #b29b9f;
  --color-black-cherry-500: #977f84;
  --color-black-cherry-600: #7b6569;
  --color-black-cherry-700: #634f53;
  --color-black-cherry-800: #4e3d40;
  --color-black-cherry-900: #3d2e31;
  --color-black-cherry-950: #2b191d;
  --color-pink-pleasure: #ffe0e9;
  --color-pink-pleasure-50: #ffeff3;
  --color-pink-pleasure-100: #ffe0e9;
  --color-pink-pleasure-200: #e6cfd6;
  --color-pink-pleasure-300: #d2b8bf;
  --color-pink-pleasure-400: #b498a0;
  --color-pink-pleasure-500: #997d85;
  --color-pink-pleasure-600: #7d636b;
  --color-pink-pleasure-700: #654e55;
  --color-pink-pleasure-800: #503c42;
  --color-pink-pleasure-900: #3e2d33;
  --color-pink-pleasure-950: #281b1f;
  --color-monsoon-season: #799ab2;
  --color-monsoon-season-50: #e4f3ff;
  --color-monsoon-season-100: #d1e8f9;
  --color-monsoon-season-200: #b8d3e7;
  --color-monsoon-season-300: #9dbbd1;
  --color-monsoon-season-400: #799ab2;
  --color-monsoon-season-500: #618198;
  --color-monsoon-season-600: #4a687e;
  --color-monsoon-season-700: #385367;
  --color-monsoon-season-800: #2a4253;
  --color-monsoon-season-900: #1f3442;
  --color-monsoon-season-950: #12212c;
}