Cold and Dark to Dark Prom Queen color palette
00404FCold and Dark5E384FLong Passionate Night140025Quiet Abyss006A8CCopacabana2F0B27Dark Prom Queen
About this palette
Cold and Dark to Dark Prom Queen is a 5-color dark, cool palette: #00404F (Cold and Dark), #5E384F (Long Passionate Night), #140025 (Quiet Abyss), #006A8C (Copacabana), #2F0B27 (Dark Prom Queen). It mixes blue, red, purple tones and feels cool overall. The strongest text pairing is #140025 on #006A8C with a contrast ratio of 3.26:1, and 0 of its 10 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Cold and Dark | rgb(0, 64, 79) | hsl(191, 100%, 15%) | |
| Long Passionate Night | rgb(94, 56, 79) | hsl(324, 25%, 29%) | |
| Quiet Abyss | rgb(20, 0, 37) | hsl(272, 100%, 7%) | |
| Copacabana | rgb(0, 106, 140) | hsl(195, 100%, 27%) | |
| Dark Prom Queen | rgb(47, 11, 39) | hsl(313, 62%, 11%) |
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.26:1 #140025 on #006A8C
- Aa3.26:1 #006A8C on #140025
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Cold and Dark to Dark Prom Queen — https://swatchly.xyz/palette/00404f-5e384f-140025-006a8c-2f0b27 */
:root {
--cold-and-dark: #00404f;
--long-passionate-night: #5e384f;
--quiet-abyss: #140025;
--copacabana: #006a8c;
--dark-prom-queen: #2f0b27;
}
Tailwind CSS v4
/* Cold and Dark to Dark Prom Queen — https://swatchly.xyz/palette/00404f-5e384f-140025-006a8c-2f0b27 */
@theme {
--color-cold-and-dark: #00404f;
--color-cold-and-dark-50: #e6f9ff;
--color-cold-and-dark-100: #d0f2fd;
--color-cold-and-dark-200: #b7dfed;
--color-cold-and-dark-300: #9bcad9;
--color-cold-and-dark-400: #78acbd;
--color-cold-and-dark-500: #5c92a3;
--color-cold-and-dark-600: #437888;
--color-cold-and-dark-700: #306170;
--color-cold-and-dark-800: #214e5c;
--color-cold-and-dark-900: #00404f;
--color-cold-and-dark-950: #0a2831;
--color-long-passionate-night: #5e384f;
--color-long-passionate-night-50: #fff0f8;
--color-long-passionate-night-100: #ffe1f2;
--color-long-passionate-night-200: #efccdf;
--color-long-passionate-night-300: #dcb4cb;
--color-long-passionate-night-400: #bf94ad;
--color-long-passionate-night-500: #a47992;
--color-long-passionate-night-600: #896078;
--color-long-passionate-night-700: #704b61;
--color-long-passionate-night-800: #5e384f;
--color-long-passionate-night-900: #472c3c;
--color-long-passionate-night-950: #2e1a26;
--color-quiet-abyss: #140025;
--color-quiet-abyss-50: #f8f2ff;
--color-quiet-abyss-100: #f1e6ff;
--color-quiet-abyss-200: #e1cef7;
--color-quiet-abyss-300: #cbb6e4;
--color-quiet-abyss-400: #ad96c8;
--color-quiet-abyss-500: #8d76a8;
--color-quiet-abyss-600: #6e5886;
--color-quiet-abyss-700: #523f67;
--color-quiet-abyss-800: #3a2b4b;
--color-quiet-abyss-900: #261b32;
--color-quiet-abyss-950: #140025;
--color-copacabana: #006a8c;
--color-copacabana-50: #e9f8ff;
--color-copacabana-100: #ceefff;
--color-copacabana-200: #a0ddfa;
--color-copacabana-300: #7fc6e6;
--color-copacabana-400: #54a5c8;
--color-copacabana-500: #3187aa;
--color-copacabana-600: #006a8c;
--color-copacabana-700: #005470;
--color-copacabana-800: #004258;
--color-copacabana-900: #003345;
--color-copacabana-950: #00202d;
--color-dark-prom-queen: #2f0b27;
--color-dark-prom-queen-50: #fff0fa;
--color-dark-prom-queen-100: #ffe1f5;
--color-dark-prom-queen-200: #efcbe4;
--color-dark-prom-queen-300: #dcb2cf;
--color-dark-prom-queen-400: #be91b1;
--color-dark-prom-queen-500: #a27595;
--color-dark-prom-queen-600: #855b79;
--color-dark-prom-queen-700: #6a4560;
--color-dark-prom-queen-800: #53334b;
--color-dark-prom-queen-900: #402539;
--color-dark-prom-queen-950: #2f0b27;
}
Similar palettes
- 00122422082B002151563148004D623C607FVoid to Stellar
- 160C28361D44494051006A8CCorbeau to Copacabana
- 502A4E2D094131516116002814609CMurasaki to Hyper Blue
- 0508162C4962003C542F12431A6D8ENarwhal Grey to Chill of the Night
- 000927001F2B0042494D38572E6190Mysterious Depths to Starry Night
- 341F3B62425F00679E0A1B45100719333465Midnight Velvet to Galaxea
- 0F0021263F48320542446394Glossy Black to Sea of Galilee
- 1100291B1226002D244A305A1D5C6F675073Quiet Abyss to Your Majesty