Start generating

Dark Prom Queen to Cheeky Chestnut color palette

26132EDark Prom Queen5B3754Long Passionate Night170200Dwarf Fortress582309Evil Cigar784F40Cheeky Chestnut
Open in generator Export PNG, PDF, ASE…

About this palette

Dark Prom Queen to Cheeky Chestnut is a 5-color dark, warm palette: #26132E (Dark Prom Queen), #5B3754 (Long Passionate Night), #170200 (Dwarf Fortress), #582309 (Evil Cigar), #784F40 (Cheeky Chestnut). It mixes purple, black, brown tones and feels warm overall. The strongest text pairing is #170200 on #784F40 with a contrast ratio of 2.86:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

ColorHEXRGBHSL
Dark Prom Queenrgb(38, 19, 46)hsl(282, 42%, 13%)
Long Passionate Nightrgb(91, 55, 84)hsl(312, 25%, 29%)
Dwarf Fortressrgb(23, 2, 0)hsl(5, 100%, 5%)
Evil Cigarrgb(88, 35, 9)hsl(20, 81%, 19%)
Cheeky Chestnutrgb(120, 79, 64)hsl(16, 30%, 36%)

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

    • Protanopia
    • Deuteranopia
    • Tritanopia
    • Achromatopsia
    • Dog vision

    CSS variables

    /* Dark Prom Queen to Cheeky Chestnut — https://swatchly.xyz/palette/26132e-5b3754-170200-582309-784f40 */
:root {
  --dark-prom-queen: #26132e;
  --long-passionate-night: #5b3754;
  --dwarf-fortress: #170200;
  --evil-cigar: #582309;
  --cheeky-chestnut: #784f40;
}

    Tailwind CSS v4

    /* Dark Prom Queen to Cheeky Chestnut — https://swatchly.xyz/palette/26132e-5b3754-170200-582309-784f40 */
@theme {
  --color-dark-prom-queen: #26132e;
  --color-dark-prom-queen-50: #fbf1ff;
  --color-dark-prom-queen-100: #f4e5fc;
  --color-dark-prom-queen-200: #e2d0eb;
  --color-dark-prom-queen-300: #cdb8d7;
  --color-dark-prom-queen-400: #af98b9;
  --color-dark-prom-queen-500: #937c9d;
  --color-dark-prom-queen-600: #776181;
  --color-dark-prom-queen-700: #5e4b67;
  --color-dark-prom-queen-800: #4a3951;
  --color-dark-prom-queen-900: #382a3e;
  --color-dark-prom-queen-950: #26132e;
  --color-long-passionate-night: #5b3754;
  --color-long-passionate-night-50: #fff0fb;
  --color-long-passionate-night-100: #fde1f7;
  --color-long-passionate-night-200: #edcce5;
  --color-long-passionate-night-300: #d9b4d1;
  --color-long-passionate-night-400: #bc94b3;
  --color-long-passionate-night-500: #a17999;
  --color-long-passionate-night-600: #865f7e;
  --color-long-passionate-night-700: #6d4a66;
  --color-long-passionate-night-800: #5b3754;
  --color-long-passionate-night-900: #452b40;
  --color-long-passionate-night-950: #2c1a29;
  --color-dwarf-fortress: #170200;
  --color-dwarf-fortress-50: #fff2ee;
  --color-dwarf-fortress-100: #fde5de;
  --color-dwarf-fortress-200: #edd0c8;
  --color-dwarf-fortress-300: #d9b9af;
  --color-dwarf-fortress-400: #bb988e;
  --color-dwarf-fortress-500: #9a786e;
  --color-dwarf-fortress-600: #795950;
  --color-dwarf-fortress-700: #5a4038;
  --color-dwarf-fortress-800: #402b25;
  --color-dwarf-fortress-900: #281915;
  --color-dwarf-fortress-950: #170200;
  --color-evil-cigar: #582309;
  --color-evil-cigar-50: #fff2ed;
  --color-evil-cigar-100: #ffe5da;
  --color-evil-cigar-200: #fdcbb6;
  --color-evil-cigar-300: #ebb29b;
  --color-evil-cigar-400: #ce9178;
  --color-evil-cigar-500: #b3765c;
  --color-evil-cigar-600: #965c44;
  --color-evil-cigar-700: #7c4731;
  --color-evil-cigar-800: #653622;
  --color-evil-cigar-900: #582309;
  --color-evil-cigar-950: #35180b;
  --color-cheeky-chestnut: #784f40;
  --color-cheeky-chestnut-50: #fff2ed;
  --color-cheeky-chestnut-100: #ffe5db;
  --color-cheeky-chestnut-200: #f4d0c2;
  --color-cheeky-chestnut-300: #e1b9aa;
  --color-cheeky-chestnut-400: #c59989;
  --color-cheeky-chestnut-500: #aa7e6e;
  --color-cheeky-chestnut-600: #8f6555;
  --color-cheeky-chestnut-700: #784f40;
  --color-cheeky-chestnut-800: #5f3d31;
  --color-cheeky-chestnut-900: #4b2e23;
  --color-cheeky-chestnut-950: #301b14;
}

    Similar palettes