Dwarf Fortress to Cold Brew Coffee color palette

1E0300Dwarf Fortress 2A0A3BDark Purple 482600Chocolate Castle 6F2100Roastery 80352CDockside Red 77592DCold Brew Coffee

Open in generator Export PNG, PDF, ASE…

About this palette

Dwarf Fortress to Cold Brew Coffee is a 6-color dark, warm palette: #1E0300 (Dwarf Fortress), #2A0A3B (Dark Purple), #482600 (Chocolate Castle), #6F2100 (Roastery), #80352C (Dockside Red), #77592D (Cold Brew Coffee). It mixes black, purple, brown, red tones and feels warm overall. The strongest text pairing is #1E0300 on #77592D with a contrast ratio of 3.04:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Dwarf Fortress	rgb(30, 3, 0)	hsl(6, 100%, 6%)
Dark Purple	rgb(42, 10, 59)	hsl(279, 71%, 14%)
Chocolate Castle	rgb(72, 38, 0)	hsl(32, 100%, 14%)
Roastery	rgb(111, 33, 0)	hsl(18, 100%, 22%)
Dockside Red	rgb(128, 53, 44)	hsl(6, 49%, 34%)
Cold Brew Coffee	rgb(119, 89, 45)	hsl(36, 45%, 32%)

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.

Aa3.04:1 Poor#1E0300 on #77592D
Aa3.04:1 Poor#77592D on #1E0300

Color blindness preview

CSS variables

/* Dwarf Fortress to Cold Brew Coffee — https://swatchly.xyz/palette/1e0300-2a0a3b-482600-6f2100-80352c-77592d */
:root {
  --dwarf-fortress: #1e0300;
  --dark-purple: #2a0a3b;
  --chocolate-castle: #482600;
  --roastery: #6f2100;
  --dockside-red: #80352c;
  --cold-brew-coffee: #77592d;
}

Tailwind CSS v4

/* Dwarf Fortress to Cold Brew Coffee — https://swatchly.xyz/palette/1e0300-2a0a3b-482600-6f2100-80352c-77592d */
@theme {
  --color-dwarf-fortress: #1e0300;
  --color-dwarf-fortress-50: #fff2ee;
  --color-dwarf-fortress-100: #ffe5dd;
  --color-dwarf-fortress-200: #f0cfc6;
  --color-dwarf-fortress-300: #dcb7ad;
  --color-dwarf-fortress-400: #bf978c;
  --color-dwarf-fortress-500: #9f776c;
  --color-dwarf-fortress-600: #7e5a4f;
  --color-dwarf-fortress-700: #604138;
  --color-dwarf-fortress-800: #462d26;
  --color-dwarf-fortress-900: #2f1c17;
  --color-dwarf-fortress-950: #1e0300;
  --color-dark-purple: #2a0a3b;
  --color-dark-purple-50: #f9f2ff;
  --color-dark-purple-100: #f4e4ff;
  --color-dark-purple-200: #e6ccf9;
  --color-dark-purple-300: #d1b3e7;
  --color-dark-purple-400: #b392ca;
  --color-dark-purple-500: #9776ae;
  --color-dark-purple-600: #7b5b91;
  --color-dark-purple-700: #634576;
  --color-dark-purple-800: #4d345e;
  --color-dark-purple-900: #3b2649;
  --color-dark-purple-950: #2a0a3b;
  --color-chocolate-castle: #482600;
  --color-chocolate-castle-50: #fff3e8;
  --color-chocolate-castle-100: #ffe6d1;
  --color-chocolate-castle-200: #f1d1b5;
  --color-chocolate-castle-300: #deb999;
  --color-chocolate-castle-400: #c09875;
  --color-chocolate-castle-500: #a47c58;
  --color-chocolate-castle-600: #87613f;
  --color-chocolate-castle-700: #6c4b2c;
  --color-chocolate-castle-800: #55381d;
  --color-chocolate-castle-900: #482600;
  --color-chocolate-castle-950: #291808;
  --color-roastery: #6f2100;
  --color-roastery-50: #fff2ee;
  --color-roastery-100: #ffe5dc;
  --color-roastery-200: #ffc9b8;
  --color-roastery-300: #f9aa90;
  --color-roastery-400: #dc876a;
  --color-roastery-500: #bf6a4d;
  --color-roastery-600: #9f4f33;
  --color-roastery-700: #823a20;
  --color-roastery-800: #6f2100;
  --color-roastery-900: #521d0a;
  --color-roastery-950: #351004;
  --color-dockside-red: #80352c;
  --color-dockside-red-50: #fff2ef;
  --color-dockside-red-100: #ffe4e0;
  --color-dockside-red-200: #ffc7be;
  --color-dockside-red-300: #f4a99d;
  --color-dockside-red-400: #d78579;
  --color-dockside-red-500: #b9685d;
  --color-dockside-red-600: #9a4e44;
  --color-dockside-red-700: #80352c;
  --color-dockside-red-800: #642922;
  --color-dockside-red-900: #4f1e18;
  --color-dockside-red-950: #33100c;
  --color-cold-brew-coffee: #77592d;
  --color-cold-brew-coffee-50: #fff3e4;
  --color-cold-brew-coffee-100: #fde8cb;
  --color-cold-brew-coffee-200: #eed5b3;
  --color-cold-brew-coffee-300: #dcc099;
  --color-cold-brew-coffee-400: #c0a177;
  --color-cold-brew-coffee-500: #a7875b;
  --color-cold-brew-coffee-600: #8d6e43;
  --color-cold-brew-coffee-700: #77592d;
  --color-cold-brew-coffee-800: #5e451f;
  --color-cold-brew-coffee-900: #4a3414;
  --color-cold-brew-coffee-950: #302008;
}