Dwarf Fortress to Reptile Revenge color palette

1C0003Dwarf Fortress 1D2312Midnight Pines 3D3404Wasabi Nori 624737Buckeye 625C35Reptile Revenge

About this palette

Dwarf Fortress to Reptile Revenge is a 5-color dark, warm, earthy, gradient palette: #1C0003 (Dwarf Fortress), #1D2312 (Midnight Pines), #3D3404 (Wasabi Nori), #624737 (Buckeye), #625C35 (Reptile Revenge). It mixes black, gray, brown tones and feels warm overall. The strongest text pairing is #1C0003 on #625C35 with a contrast ratio of 2.95:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Dwarf Fortress	rgb(28, 0, 3)	hsl(354, 100%, 5%)
Midnight Pines	rgb(29, 35, 18)	hsl(81, 32%, 10%)
Wasabi Nori	rgb(61, 52, 4)	hsl(51, 88%, 13%)
Buckeye	rgb(98, 71, 55)	hsl(22, 28%, 30%)
Reptile Revenge	rgb(98, 92, 53)	hsl(52, 30%, 30%)

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.

Color blindness preview

CSS variables

/* Dwarf Fortress to Reptile Revenge — https://swatchly.xyz/palette/1c0003-1d2312-3d3404-624737-625c35 */
:root {
  --dwarf-fortress: #1c0003;
  --midnight-pines: #1d2312;
  --wasabi-nori: #3d3404;
  --buckeye: #624737;
  --reptile-revenge: #625c35;
}

Tailwind CSS v4

/* Dwarf Fortress to Reptile Revenge — https://swatchly.xyz/palette/1c0003-1d2312-3d3404-624737-625c35 */
@theme {
  --color-dwarf-fortress: #1c0003;
  --color-dwarf-fortress-50: #fff1f1;
  --color-dwarf-fortress-100: #ffe4e4;
  --color-dwarf-fortress-200: #f3cdcd;
  --color-dwarf-fortress-300: #dfb5b5;
  --color-dwarf-fortress-400: #c29495;
  --color-dwarf-fortress-500: #a17475;
  --color-dwarf-fortress-600: #7f5657;
  --color-dwarf-fortress-700: #603d3e;
  --color-dwarf-fortress-800: #45292a;
  --color-dwarf-fortress-900: #2d1919;
  --color-dwarf-fortress-950: #1c0003;
  --color-midnight-pines: #1d2312;
  --color-midnight-pines-50: #f2f7eb;
  --color-midnight-pines-100: #e8eee0;
  --color-midnight-pines-200: #d4daca;
  --color-midnight-pines-300: #bdc4b2;
  --color-midnight-pines-400: #9da591;
  --color-midnight-pines-500: #828a75;
  --color-midnight-pines-600: #68705c;
  --color-midnight-pines-700: #525947;
  --color-midnight-pines-800: #404636;
  --color-midnight-pines-900: #313629;
  --color-midnight-pines-950: #1d2312;
  --color-wasabi-nori: #3d3404;
  --color-wasabi-nori-50: #fbf6db;
  --color-wasabi-nori-100: #f2ecce;
  --color-wasabi-nori-200: #dfd8b5;
  --color-wasabi-nori-300: #cac29a;
  --color-wasabi-nori-400: #aca376;
  --color-wasabi-nori-500: #91875a;
  --color-wasabi-nori-600: #766d41;
  --color-wasabi-nori-700: #5f572e;
  --color-wasabi-nori-800: #4b4420;
  --color-wasabi-nori-900: #3d3404;
  --color-wasabi-nori-950: #25200a;
  --color-buckeye: #624737;
  --color-buckeye-50: #fff2eb;
  --color-buckeye-100: #fbe7db;
  --color-buckeye-200: #e9d0c2;
  --color-buckeye-300: #d3b8a8;
  --color-buckeye-400: #b49685;
  --color-buckeye-500: #977a68;
  --color-buckeye-600: #7a5f4e;
  --color-buckeye-700: #624737;
  --color-buckeye-800: #4c372b;
  --color-buckeye-900: #3b2a1f;
  --color-buckeye-950: #251912;
  --color-reptile-revenge: #625c35;
  --color-reptile-revenge-50: #f9f6de;
  --color-reptile-revenge-100: #f0ecd2;
  --color-reptile-revenge-200: #dedaba;
  --color-reptile-revenge-300: #cac5a1;
  --color-reptile-revenge-400: #aca67f;
  --color-reptile-revenge-500: #928c63;
  --color-reptile-revenge-600: #78724b;
  --color-reptile-revenge-700: #625c35;
  --color-reptile-revenge-800: #4d4827;
  --color-reptile-revenge-900: #3b371b;
  --color-reptile-revenge-950: #25220e;
}