Foliage to Bold Irish color palette

94B494Foliage D6CCA3Crystal Palace 22260DMidnight Pines 3B4222Forestry 997400Glazed Chestnut 0B7F51Bold Irish

Open in generator Export PNG, PDF, ASE…

About this palette

Foliage to Bold Irish is a 6-color cool, earthy palette: #94B494 (Foliage), #D6CCA3 (Crystal Palace), #22260D (Midnight Pines), #3B4222 (Forestry), #997400 (Glazed Chestnut), #0B7F51 (Bold Irish). It mixes green, yellow tones and feels cool overall. The strongest text pairing is #D6CCA3 on #22260D with a contrast ratio of 9.64:1, and 4 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Foliage	rgb(148, 180, 148)	hsl(120, 18%, 64%)
Crystal Palace	rgb(214, 204, 163)	hsl(48, 38%, 74%)
Midnight Pines	rgb(34, 38, 13)	hsl(70, 49%, 10%)
Forestry	rgb(59, 66, 34)	hsl(73, 32%, 20%)
Glazed Chestnut	rgb(153, 116, 0)	hsl(45, 100%, 30%)
Bold Irish	rgb(11, 127, 81)	hsl(156, 84%, 27%)

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.64:1 Very good#D6CCA3 on #22260D
Aa9.64:1 Very good#22260D on #D6CCA3
Aa6.82:1 Good#94B494 on #22260D
Aa6.82:1 Good#22260D on #94B494
Aa6.55:1 Good#D6CCA3 on #3B4222
Aa6.55:1 Good#3B4222 on #D6CCA3
Aa4.63:1 Good#94B494 on #3B4222
Aa4.63:1 Good#3B4222 on #94B494

Color blindness preview

CSS variables

/* Foliage to Bold Irish — https://swatchly.xyz/palette/94b494-d6cca3-22260d-3b4222-997400-0b7f51 */
:root {
  --foliage: #94b494;
  --crystal-palace: #d6cca3;
  --midnight-pines: #22260d;
  --forestry: #3b4222;
  --glazed-chestnut: #997400;
  --bold-irish: #0b7f51;
}

Tailwind CSS v4

/* Foliage to Bold Irish — https://swatchly.xyz/palette/94b494-d6cca3-22260d-3b4222-997400-0b7f51 */
@theme {
  --color-foliage: #94b494;
  --color-foliage-50: #ecfeec;
  --color-foliage-100: #e2f6e2;
  --color-foliage-200: #cee5cd;
  --color-foliage-300: #b6d1b6;
  --color-foliage-400: #94b494;
  --color-foliage-500: #789778;
  --color-foliage-600: #5c7a5d;
  --color-foliage-700: #466146;
  --color-foliage-800: #344c34;
  --color-foliage-900: #263a26;
  --color-foliage-950: #152315;
  --color-crystal-palace: #d6cca3;
  --color-crystal-palace-50: #fffbea;
  --color-crystal-palace-100: #f9f3db;
  --color-crystal-palace-200: #e8e1c5;
  --color-crystal-palace-300: #d6cca3;
  --color-crystal-palace-400: #b4aa85;
  --color-crystal-palace-500: #978d66;
  --color-crystal-palace-600: #7a714b;
  --color-crystal-palace-700: #615836;
  --color-crystal-palace-800: #4b4426;
  --color-crystal-palace-900: #393319;
  --color-crystal-palace-950: #241f0d;
  --color-midnight-pines: #22260d;
  --color-midnight-pines-50: #f4f7e6;
  --color-midnight-pines-100: #eaeedb;
  --color-midnight-pines-200: #d6dbc4;
  --color-midnight-pines-300: #bfc4ab;
  --color-midnight-pines-400: #9fa589;
  --color-midnight-pines-500: #858b6e;
  --color-midnight-pines-600: #6b7156;
  --color-midnight-pines-700: #565b42;
  --color-midnight-pines-800: #444832;
  --color-midnight-pines-900: #353926;
  --color-midnight-pines-950: #22260d;
  --color-forestry: #3b4222;
  --color-forestry-50: #f3f8e3;
  --color-forestry-100: #e8efd7;
  --color-forestry-200: #d4dcc0;
  --color-forestry-300: #bcc5a5;
  --color-forestry-400: #9ca582;
  --color-forestry-500: #808966;
  --color-forestry-600: #656d4c;
  --color-forestry-700: #4e5538;
  --color-forestry-800: #3b4222;
  --color-forestry-900: #2d321d;
  --color-forestry-950: #1b1f0f;
  --color-glazed-chestnut: #997400;
  --color-glazed-chestnut-50: #fff2d5;
  --color-glazed-chestnut-100: #fee4ac;
  --color-glazed-chestnut-200: #eccd8a;
  --color-glazed-chestnut-300: #d6b465;
  --color-glazed-chestnut-400: #b79236;
  --color-glazed-chestnut-500: #997400;
  --color-glazed-chestnut-600: #7c5d00;
  --color-glazed-chestnut-700: #634a00;
  --color-glazed-chestnut-800: #4e3a00;
  --color-glazed-chestnut-900: #3d2d00;
  --color-glazed-chestnut-950: #281c00;
  --color-bold-irish: #0b7f51;
  --color-bold-irish-50: #ddffea;
  --color-bold-irish-100: #c2fbd9;
  --color-bold-irish-200: #a5e9c2;
  --color-bold-irish-300: #85d5a9;
  --color-bold-irish-400: #5ab687;
  --color-bold-irish-500: #379b6b;
  --color-bold-irish-600: #0b7f51;
  --color-bold-irish-700: #00653f;
  --color-bold-irish-800: #004f30;
  --color-bold-irish-900: #003d24;
  --color-bold-irish-950: #002715;
}