Black Sabbath to Fedora color palette

180025Black Sabbath 181D34Sombre Night 231650Silent Orbit 630A35Plum Cheese 8B2B24Potion № 9 66536BFedora

Open in generator Export PNG, PDF, ASE…

About this palette

Black Sabbath to Fedora is a 6-color dark, cool palette: #180025 (Black Sabbath), #181D34 (Sombre Night), #231650 (Silent Orbit), #630A35 (Plum Cheese), #8B2B24 (Potion № 9), #66536B (Fedora). It mixes purple, blue, red tones and feels cool overall. The strongest text pairing is #180025 on #66536B with a contrast ratio of 2.83:1, and 0 of its 15 color pairs pass WCAG AA for normal text.

Color codes

Color	RGB	HSL
Black Sabbath	rgb(24, 0, 37)	hsl(279, 100%, 7%)
Sombre Night	rgb(24, 29, 52)	hsl(229, 37%, 15%)
Silent Orbit	rgb(35, 22, 80)	hsl(253, 57%, 20%)
Plum Cheese	rgb(99, 10, 53)	hsl(331, 82%, 21%)
Potion № 9	rgb(139, 43, 36)	hsl(4, 59%, 34%)
Fedora	rgb(102, 83, 107)	hsl(288, 13%, 37%)

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

/* Black Sabbath to Fedora — https://swatchly.xyz/palette/180025-181d34-231650-630a35-8b2b24-66536b */
:root {
  --black-sabbath: #180025;
  --sombre-night: #181d34;
  --silent-orbit: #231650;
  --plum-cheese: #630a35;
  --potion-9: #8b2b24;
  --fedora: #66536b;
}

Tailwind CSS v4

/* Black Sabbath to Fedora — https://swatchly.xyz/palette/180025-181d34-231650-630a35-8b2b24-66536b */
@theme {
  --color-black-sabbath: #180025;
  --color-black-sabbath-50: #f9f2ff;
  --color-black-sabbath-100: #f4e4ff;
  --color-black-sabbath-200: #e5cdf5;
  --color-black-sabbath-300: #d0b5e2;
  --color-black-sabbath-400: #b194c5;
  --color-black-sabbath-500: #9274a5;
  --color-black-sabbath-600: #735784;
  --color-black-sabbath-700: #573f66;
  --color-black-sabbath-800: #3f2b4b;
  --color-black-sabbath-900: #2a1b33;
  --color-black-sabbath-950: #180025;
  --color-sombre-night: #181d34;
  --color-sombre-night-50: #f2f5ff;
  --color-sombre-night-100: #e5eafe;
  --color-sombre-night-200: #d0d7ee;
  --color-sombre-night-300: #b8c0da;
  --color-sombre-night-400: #98a0bd;
  --color-sombre-night-500: #7d85a2;
  --color-sombre-night-600: #636a86;
  --color-sombre-night-700: #4d546c;
  --color-sombre-night-800: #3b4156;
  --color-sombre-night-900: #2d3144;
  --color-sombre-night-950: #181d34;
  --color-silent-orbit: #231650;
  --color-silent-orbit-50: #f4f4ff;
  --color-silent-orbit-100: #e9e9ff;
  --color-silent-orbit-200: #d4d2ff;
  --color-silent-orbit-300: #bdb9f6;
  --color-silent-orbit-400: #9e98db;
  --color-silent-orbit-500: #837dc0;
  --color-silent-orbit-600: #6a64a4;
  --color-silent-orbit-700: #554e89;
  --color-silent-orbit-800: #433d71;
  --color-silent-orbit-900: #352f5c;
  --color-silent-orbit-950: #231650;
  --color-plum-cheese: #630a35;
  --color-plum-cheese-50: #fff1f5;
  --color-plum-cheese-100: #ffe3eb;
  --color-plum-cheese-200: #ffc5d7;
  --color-plum-cheese-300: #f9a4c0;
  --color-plum-cheese-400: #de81a1;
  --color-plum-cheese-500: #c26586;
  --color-plum-cheese-600: #a44b6d;
  --color-plum-cheese-700: #883757;
  --color-plum-cheese-800: #6f2744;
  --color-plum-cheese-900: #630a35;
  --color-plum-cheese-950: #3c0e21;
  --color-potion-9: #8b2b24;
  --color-potion-9-50: #fff2f0;
  --color-potion-9-100: #ffe4e0;
  --color-potion-9-200: #ffc7bf;
  --color-potion-9-300: #ffa397;
  --color-potion-9-400: #e37e72;
  --color-potion-9-500: #c66055;
  --color-potion-9-600: #a5453c;
  --color-potion-9-700: #8b2b24;
  --color-potion-9-800: #6d221c;
  --color-potion-9-900: #571712;
  --color-potion-9-950: #390b08;
  --color-fedora: #66536b;
  --color-fedora-50: #fcf1ff;
  --color-fedora-100: #f4e6f7;
  --color-fedora-200: #e2d2e7;
  --color-fedora-300: #cebcd3;
  --color-fedora-400: #b19db6;
  --color-fedora-500: #96829c;
  --color-fedora-600: #7c6981;
  --color-fedora-700: #66536b;
  --color-fedora-800: #504054;
  --color-fedora-900: #3e3142;
  --color-fedora-950: #271e2a;
}