Deep Forestial Escapade to Buttery color palette

3F550BDeep Forestial Escapade 7C5400Coffee Adept 9F9718Papyrus C8C714Golden Harvest FFC68DButtery

About this palette

Deep Forestial Escapade to Buttery is a 5-color warm, gradient palette: #3F550B (Deep Forestial Escapade), #7C5400 (Coffee Adept), #9F9718 (Papyrus), #C8C714 (Golden Harvest), #FFC68D (Buttery). It mixes green, brown, yellow, orange tones and feels warm overall. The strongest text pairing is #3F550B on #FFC68D with a contrast ratio of 5.45:1, and 2 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Deep Forestial Escapade	rgb(63, 85, 11)	hsl(78, 77%, 19%)
Coffee Adept	rgb(124, 84, 0)	hsl(41, 100%, 24%)
Papyrus	rgb(159, 151, 24)	hsl(56, 74%, 36%)
Golden Harvest	rgb(200, 199, 20)	hsl(60, 82%, 43%)
Buttery	rgb(255, 198, 141)	hsl(30, 100%, 78%)

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.

Aa5.45:1 Good#3F550B on #FFC68D
Aa5.45:1 Good#FFC68D on #3F550B
Aa4.63:1 Good#3F550B on #C8C714
Aa4.63:1 Good#C8C714 on #3F550B
Aa4.39:1 Poor#7C5400 on #FFC68D
Aa4.39:1 Poor#FFC68D on #7C5400
Aa3.72:1 Poor#7C5400 on #C8C714
Aa3.72:1 Poor#C8C714 on #7C5400

Color blindness preview

CSS variables

/* Deep Forestial Escapade to Buttery — https://swatchly.xyz/palette/3f550b-7c5400-9f9718-c8c714-ffc68d */
:root {
  --deep-forestial-escapade: #3f550b;
  --coffee-adept: #7c5400;
  --papyrus: #9f9718;
  --golden-harvest: #c8c714;
  --buttery: #ffc68d;
}

Tailwind CSS v4

/* Deep Forestial Escapade to Buttery — https://swatchly.xyz/palette/3f550b-7c5400-9f9718-c8c714-ffc68d */
@theme {
  --color-deep-forestial-escapade: #3f550b;
  --color-deep-forestial-escapade-50: #ecfcd5;
  --color-deep-forestial-escapade-100: #e1f3c7;
  --color-deep-forestial-escapade-200: #cadfaa;
  --color-deep-forestial-escapade-300: #b0c88b;
  --color-deep-forestial-escapade-400: #8ea764;
  --color-deep-forestial-escapade-500: #718a46;
  --color-deep-forestial-escapade-600: #566d2c;
  --color-deep-forestial-escapade-700: #3f550b;
  --color-deep-forestial-escapade-800: #31420c;
  --color-deep-forestial-escapade-900: #253305;
  --color-deep-forestial-escapade-950: #151f02;
  --color-coffee-adept: #7c5400;
  --color-coffee-adept-50: #fff3e3;
  --color-coffee-adept-100: #ffe7c6;
  --color-coffee-adept-200: #f5d3a3;
  --color-coffee-adept-300: #e3bd86;
  --color-coffee-adept-400: #c79e5f;
  --color-coffee-adept-500: #ae8340;
  --color-coffee-adept-600: #936a24;
  --color-coffee-adept-700: #7c5400;
  --color-coffee-adept-800: #624100;
  --color-coffee-adept-900: #4c3200;
  --color-coffee-adept-950: #311e00;
  --color-papyrus: #9f9718;
  --color-papyrus-50: #fefbc3;
  --color-papyrus-100: #f7f4b6;
  --color-papyrus-200: #e7e399;
  --color-papyrus-300: #d4cf77;
  --color-papyrus-400: #b8b149;
  --color-papyrus-500: #9f9718;
  --color-papyrus-600: #807900;
  --color-papyrus-700: #666000;
  --color-papyrus-800: #4f4a00;
  --color-papyrus-900: #3c3800;
  --color-papyrus-950: #252200;
  --color-golden-harvest: #c8c714;
  --color-golden-harvest-50: #f8faaf;
  --color-golden-harvest-100: #eff19b;
  --color-golden-harvest-200: #dcdd74;
  --color-golden-harvest-300: #c8c714;
  --color-golden-harvest-400: #a8a700;
  --color-golden-harvest-500: #8c8b00;
  --color-golden-harvest-600: #707000;
  --color-golden-harvest-700: #595900;
  --color-golden-harvest-800: #464500;
  --color-golden-harvest-900: #363500;
  --color-golden-harvest-950: #212100;
  --color-buttery: #ffc68d;
  --color-buttery-50: #ffefdf;
  --color-buttery-100: #ffe1c4;
  --color-buttery-200: #ffc68d;
  --color-buttery-300: #e3b282;
  --color-buttery-400: #c7925d;
  --color-buttery-500: #ac773f;
  --color-buttery-600: #905e26;
  --color-buttery-700: #764912;
  --color-buttery-800: #5f3804;
  --color-buttery-900: #4b2a00;
  --color-buttery-950: #301900;
}