Cactus to In Good Taste color palette

5E7052Cactus 95AB8BRooftop Garden 5E8F50Victorian Garden 374C2EPalm Leaf 102402Midnight Pines AED29DIn Good Taste

Open in generator Export PNG, PDF, ASE…

About this palette

Cactus to In Good Taste is a 6-color cool, earthy, monochromatic palette: #5E7052 (Cactus), #95AB8B (Rooftop Garden), #5E8F50 (Victorian Garden), #374C2E (Palm Leaf), #102402 (Midnight Pines), #AED29D (In Good Taste). It mixes green tones and feels cool overall. The strongest text pairing is #102402 on #AED29D with a contrast ratio of 9.81:1, and 3 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Cactus	rgb(94, 112, 82)	hsl(96, 15%, 38%)
Rooftop Garden	rgb(149, 171, 139)	hsl(101, 16%, 61%)
Victorian Garden	rgb(94, 143, 80)	hsl(107, 28%, 44%)
Palm Leaf	rgb(55, 76, 46)	hsl(102, 25%, 24%)
Midnight Pines	rgb(16, 36, 2)	hsl(95, 89%, 7%)
In Good Taste	rgb(174, 210, 157)	hsl(101, 37%, 72%)

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.

Aa9.81:1 Very good#102402 on #AED29D
Aa9.81:1 Very good#AED29D on #102402
Aa6.65:1 Good#95AB8B on #102402
Aa6.65:1 Good#102402 on #95AB8B
Aa5.59:1 Good#374C2E on #AED29D
Aa5.59:1 Good#AED29D on #374C2E
Aa4.33:1 Poor#5E8F50 on #102402
Aa4.33:1 Poor#102402 on #5E8F50

Color blindness preview

CSS variables

/* Cactus to In Good Taste — https://swatchly.xyz/palette/5e7052-95ab8b-5e8f50-374c2e-102402-aed29d */
:root {
  --cactus: #5e7052;
  --rooftop-garden: #95ab8b;
  --victorian-garden: #5e8f50;
  --palm-leaf: #374c2e;
  --midnight-pines: #102402;
  --in-good-taste: #aed29d;
}

Tailwind CSS v4

/* Cactus to In Good Taste — https://swatchly.xyz/palette/5e7052-95ab8b-5e8f50-374c2e-102402-aed29d */
@theme {
  --color-cactus: #5e7052;
  --color-cactus-50: #eefae7;
  --color-cactus-100: #e3f0da;
  --color-cactus-200: #cddcc3;
  --color-cactus-300: #b5c6aa;
  --color-cactus-400: #94a788;
  --color-cactus-500: #788b6c;
  --color-cactus-600: #5e7052;
  --color-cactus-700: #49593f;
  --color-cactus-800: #38462f;
  --color-cactus-900: #2a3622;
  --color-cactus-950: #192214;
  --color-rooftop-garden: #95ab8b;
  --color-rooftop-garden-50: #eefae8;
  --color-rooftop-garden-100: #e3f1dc;
  --color-rooftop-garden-200: #cedfc6;
  --color-rooftop-garden-300: #b6c9ad;
  --color-rooftop-garden-400: #95ab8b;
  --color-rooftop-garden-500: #7a8f70;
  --color-rooftop-garden-600: #607456;
  --color-rooftop-garden-700: #4a5c42;
  --color-rooftop-garden-800: #384831;
  --color-rooftop-garden-900: #2a3824;
  --color-rooftop-garden-950: #192314;
  --color-victorian-garden: #5e8f50;
  --color-victorian-garden-50: #e1fed8;
  --color-victorian-garden-100: #d3f4ca;
  --color-victorian-garden-200: #bae1af;
  --color-victorian-garden-300: #9ecb92;
  --color-victorian-garden-400: #7bac6d;
  --color-victorian-garden-500: #5e8f50;
  --color-victorian-garden-600: #467539;
  --color-victorian-garden-700: #335e27;
  --color-victorian-garden-800: #254a1a;
  --color-victorian-garden-900: #1a3a10;
  --color-victorian-garden-950: #0e2507;
  --color-palm-leaf: #374c2e;
  --color-palm-leaf-50: #ecfae6;
  --color-palm-leaf-100: #e1f1db;
  --color-palm-leaf-200: #cbdec4;
  --color-palm-leaf-300: #b4c9ab;
  --color-palm-leaf-400: #94ab8a;
  --color-palm-leaf-500: #78906f;
  --color-palm-leaf-600: #5f7556;
  --color-palm-leaf-700: #4a5f42;
  --color-palm-leaf-800: #374c2e;
  --color-palm-leaf-900: #2b3a24;
  --color-palm-leaf-950: #1a2515;
  --color-midnight-pines: #102402;
  --color-midnight-pines-50: #ecfbe3;
  --color-midnight-pines-100: #e0f2d7;
  --color-midnight-pines-200: #cbdfc0;
  --color-midnight-pines-300: #b3c9a6;
  --color-midnight-pines-400: #92aa84;
  --color-midnight-pines-500: #768f68;
  --color-midnight-pines-600: #5c734e;
  --color-midnight-pines-700: #475c3a;
  --color-midnight-pines-800: #35482a;
  --color-midnight-pines-900: #28371e;
  --color-midnight-pines-950: #102402;
  --color-in-good-taste: #aed29d;
  --color-in-good-taste-50: #ebffe2;
  --color-in-good-taste-100: #e0f6d6;
  --color-in-good-taste-200: #cae5be;
  --color-in-good-taste-300: #aed29d;
  --color-in-good-taste-400: #8fb180;
  --color-in-good-taste-500: #739462;
  --color-in-good-taste-600: #587948;
  --color-in-good-taste-700: #436034;
  --color-in-good-taste-800: #324b25;
  --color-in-good-taste-900: #243a19;
  --color-in-good-taste-950: #15240d;
}