Gold Digger to Burnt Coffee Color Palette

About this palette

Gold Digger to Burnt Coffee is a 5-color warm, earthy, vintage, monochromatic palette: #D8AB71 (Gold Digger), #6E4200 (Very Coffee), #A5671A (Inca Gold), #FFE8CC (Chess Ivory), #2B1B04 (Burnt Coffee). It mixes orange, brown, white tones and feels warm overall. The strongest text pairing is #FFE8CC on #2B1B04 with a contrast ratio of 14.01:1, and 3 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Gold Digger	rgb(216, 171, 113)	hsl(34, 57%, 65%)
Very Coffee	rgb(110, 66, 0)	hsl(36, 100%, 22%)
Inca Gold	rgb(165, 103, 26)	hsl(33, 73%, 37%)
Chess Ivory	rgb(255, 232, 204)	hsl(33, 100%, 90%)
Burnt Coffee	rgb(43, 27, 4)	hsl(35, 83%, 9%)

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.

Aa14.01:1 Super#FFE8CC on #2B1B04
Aa14.01:1 Super#2B1B04 on #FFE8CC
Aa7.92:1 Very good#D8AB71 on #2B1B04
Aa7.92:1 Very good#2B1B04 on #D8AB71
Aa7.23:1 Very good#6E4200 on #FFE8CC
Aa7.23:1 Very good#FFE8CC on #6E4200
Aa4.09:1 Poor#D8AB71 on #6E4200
Aa4.09:1 Poor#6E4200 on #D8AB71

Color blindness preview

CSS variables

/* Gold Digger to Burnt Coffee — https://swatchly.xyz/palette/d8ab71-6e4200-a5671a-ffe8cc-2b1b04 */
:root {
  --gold-digger: #d8ab71;
  --very-coffee: #6e4200;
  --inca-gold: #a5671a;
  --chess-ivory: #ffe8cc;
  --burnt-coffee: #2b1b04;
}

Tailwind CSS v4

/* Gold Digger to Burnt Coffee — https://swatchly.xyz/palette/d8ab71-6e4200-a5671a-ffe8cc-2b1b04 */
@theme {
  --color-gold-digger: #d8ab71;
  --color-gold-digger-50: #ffebd2;
  --color-gold-digger-100: #fcddb5;
  --color-gold-digger-200: #eac698;
  --color-gold-digger-300: #d8ab71;
  --color-gold-digger-400: #b98e56;
  --color-gold-digger-500: #9f753b;
  --color-gold-digger-600: #855d24;
  --color-gold-digger-700: #6d4912;
  --color-gold-digger-800: #593905;
  --color-gold-digger-900: #472c00;
  --color-gold-digger-950: #2e1b00;
  --color-very-coffee: #6e4200;
  --color-very-coffee-50: #fff3e7;
  --color-very-coffee-100: #ffe7ce;
  --color-very-coffee-200: #f5cea5;
  --color-very-coffee-300: #e1b586;
  --color-very-coffee-400: #c2935e;
  --color-very-coffee-500: #a57540;
  --color-very-coffee-600: #875a25;
  --color-very-coffee-700: #6e4200;
  --color-very-coffee-800: #553305;
  --color-very-coffee-900: #432701;
  --color-very-coffee-950: #2b1700;
  --color-inca-gold: #a5671a;
  --color-inca-gold-50: #fff3e7;
  --color-inca-gold-100: #ffe9d4;
  --color-inca-gold-200: #ffd2a7;
  --color-inca-gold-300: #f3bb83;
  --color-inca-gold-400: #d99b5b;
  --color-inca-gold-500: #c0803a;
  --color-inca-gold-600: #a5671a;
  --color-inca-gold-700: #875000;
  --color-inca-gold-800: #6a3d00;
  --color-inca-gold-900: #522e00;
  --color-inca-gold-950: #341c00;
  --color-chess-ivory: #ffe8cc;
  --color-chess-ivory-50: #fff4e7;
  --color-chess-ivory-100: #ffe8cc;
  --color-chess-ivory-200: #e6d5c1;
  --color-chess-ivory-300: #d1bea7;
  --color-chess-ivory-400: #b39e85;
  --color-chess-ivory-500: #978369;
  --color-chess-ivory-600: #7c6850;
  --color-chess-ivory-700: #64523c;
  --color-chess-ivory-800: #4f3f2c;
  --color-chess-ivory-900: #3d3020;
  --color-chess-ivory-950: #271d12;
  --color-burnt-coffee: #2b1b04;
  --color-burnt-coffee-50: #fff3e4;
  --color-burnt-coffee-100: #f7e9d8;
  --color-burnt-coffee-200: #e5d5c0;
  --color-burnt-coffee-300: #d0bea7;
  --color-burnt-coffee-400: #b29e85;
  --color-burnt-coffee-500: #968269;
  --color-burnt-coffee-600: #7b6850;
  --color-burnt-coffee-700: #63523c;
  --color-burnt-coffee-800: #4e3f2c;
  --color-burnt-coffee-900: #3c301f;
  --color-burnt-coffee-950: #2b1b04;
}