Intergalactic Cowboy to Veil of Cinder color palette

291D6CIntergalactic Cowboy 1D0700Dwarf Fortress 1E183CNightwalker 6D1C4EVelvet 734D4DVeil of Cinder

About this palette

Intergalactic Cowboy to Veil of Cinder is a 5-color dark, warm palette: #291D6C (Intergalactic Cowboy), #1D0700 (Dwarf Fortress), #1E183C (Nightwalker), #6D1C4E (Velvet), #734D4D (Veil of Cinder). It mixes purple, black, red tones and feels warm overall. The strongest text pairing is #1D0700 on #734D4D with a contrast ratio of 2.68:1, and 0 of its 10 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Intergalactic Cowboy	rgb(41, 29, 108)	hsl(249, 58%, 27%)
Dwarf Fortress	rgb(29, 7, 0)	hsl(14, 100%, 6%)
Nightwalker	rgb(30, 24, 60)	hsl(250, 43%, 16%)
Velvet	rgb(109, 28, 78)	hsl(323, 59%, 27%)
Veil of Cinder	rgb(115, 77, 77)	hsl(0, 20%, 38%)

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

/* Intergalactic Cowboy to Veil of Cinder — https://swatchly.xyz/palette/291d6c-1d0700-1e183c-6d1c4e-734d4d */
:root {
  --intergalactic-cowboy: #291d6c;
  --dwarf-fortress: #1d0700;
  --nightwalker: #1e183c;
  --velvet: #6d1c4e;
  --veil-of-cinder: #734d4d;
}

Tailwind CSS v4

/* Intergalactic Cowboy to Veil of Cinder — https://swatchly.xyz/palette/291d6c-1d0700-1e183c-6d1c4e-734d4d */
@theme {
  --color-intergalactic-cowboy: #291d6c;
  --color-intergalactic-cowboy-50: #f3f4ff;
  --color-intergalactic-cowboy-100: #e8e9ff;
  --color-intergalactic-cowboy-200: #d1d3ff;
  --color-intergalactic-cowboy-300: #b7b9ff;
  --color-intergalactic-cowboy-400: #9596ec;
  --color-intergalactic-cowboy-500: #7979d0;
  --color-intergalactic-cowboy-600: #5f5db0;
  --color-intergalactic-cowboy-700: #4a4791;
  --color-intergalactic-cowboy-800: #383474;
  --color-intergalactic-cowboy-900: #291d6c;
  --color-intergalactic-cowboy-950: #18163b;
  --color-dwarf-fortress: #1d0700;
  --color-dwarf-fortress-50: #fff2ec;
  --color-dwarf-fortress-100: #fce6dc;
  --color-dwarf-fortress-200: #ebd2c5;
  --color-dwarf-fortress-300: #d7baac;
  --color-dwarf-fortress-400: #b99a8b;
  --color-dwarf-fortress-500: #9a7b6b;
  --color-dwarf-fortress-600: #7a5d4f;
  --color-dwarf-fortress-700: #5d4538;
  --color-dwarf-fortress-800: #443026;
  --color-dwarf-fortress-900: #2e1f18;
  --color-dwarf-fortress-950: #1d0700;
  --color-nightwalker: #1e183c;
  --color-nightwalker-50: #f4f4ff;
  --color-nightwalker-100: #eae8ff;
  --color-nightwalker-200: #d5d3f7;
  --color-nightwalker-300: #bebce4;
  --color-nightwalker-400: #9f9cc8;
  --color-nightwalker-500: #8480ac;
  --color-nightwalker-600: #696690;
  --color-nightwalker-700: #535075;
  --color-nightwalker-800: #403d5e;
  --color-nightwalker-900: #312e4a;
  --color-nightwalker-950: #1e183c;
  --color-velvet: #6d1c4e;
  --color-velvet-50: #fff1f7;
  --color-velvet-100: #ffe2f0;
  --color-velvet-200: #ffc3e2;
  --color-velvet-300: #f4a4ce;
  --color-velvet-400: #d781b0;
  --color-velvet-500: #bb6494;
  --color-velvet-600: #9c4a79;
  --color-velvet-700: #803561;
  --color-velvet-800: #6d1c4e;
  --color-velvet-900: #511a3b;
  --color-velvet-950: #350d25;
  --color-veil-of-cinder: #734d4d;
  --color-veil-of-cinder-50: #fff1f1;
  --color-veil-of-cinder-100: #ffe4e3;
  --color-veil-of-cinder-200: #f1cfce;
  --color-veil-of-cinder-300: #ddb8b7;
  --color-veil-of-cinder-400: #c19897;
  --color-veil-of-cinder-500: #a67c7c;
  --color-veil-of-cinder-600: #8a6363;
  --color-veil-of-cinder-700: #734d4d;
  --color-veil-of-cinder-800: #5b3b3c;
  --color-veil-of-cinder-900: #472d2d;
  --color-veil-of-cinder-950: #2e1b1b;
}