Pitch-Black Forests to Glow in the Dark color palette
0D2F1EPitch-Black Forests047889CelestialF09DDCViolet KissEF574CAmour004C56Nocturnal ExpeditionB9F5B5Glow in the Dark
About this palette
Pitch-Black Forests to Glow in the Dark is a 6-color cool palette: #0D2F1E (Pitch-Black Forests), #047889 (Celestial), #F09DDC (Violet Kiss), #EF574C (Amour), #004C56 (Nocturnal Expedition), #B9F5B5 (Glow in the Dark). It mixes green, turquoise, pink, red tones and feels cool overall. The strongest text pairing is #0D2F1E on #B9F5B5 with a contrast ratio of 11.64:1, and 4 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Pitch-Black Forests | rgb(13, 47, 30) | hsl(150, 57%, 12%) | |
| Celestial | rgb(4, 120, 137) | hsl(188, 94%, 28%) | |
| Violet Kiss | rgb(240, 157, 220) | hsl(314, 73%, 78%) | |
| Amour | rgb(239, 87, 76) | hsl(4, 84%, 62%) | |
| Nocturnal Expedition | rgb(0, 76, 86) | hsl(187, 100%, 17%) | |
| Glow in the Dark | rgb(185, 245, 181) | hsl(116, 76%, 84%) |
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.
- Aa11.64:1 #0D2F1E on #B9F5B5
- Aa11.64:1 #B9F5B5 on #0D2F1E
- Aa7.74:1 #004C56 on #B9F5B5
- Aa7.74:1 #B9F5B5 on #004C56
- Aa7.32:1 #0D2F1E on #F09DDC
- Aa7.32:1 #F09DDC on #0D2F1E
- Aa4.87:1 #F09DDC on #004C56
- Aa4.87:1 #004C56 on #F09DDC
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Pitch-Black Forests to Glow in the Dark — https://swatchly.xyz/palette/0d2f1e-047889-f09ddc-ef574c-004c56-b9f5b5 */
:root {
--pitch-black-forests: #0d2f1e;
--celestial: #047889;
--violet-kiss: #f09ddc;
--amour: #ef574c;
--nocturnal-expedition: #004c56;
--glow-in-the-dark: #b9f5b5;
}
Tailwind CSS v4
/* Pitch-Black Forests to Glow in the Dark — https://swatchly.xyz/palette/0d2f1e-047889-f09ddc-ef574c-004c56-b9f5b5 */
@theme {
--color-pitch-black-forests: #0d2f1e;
--color-pitch-black-forests-50: #e6fbee;
--color-pitch-black-forests-100: #dbf2e3;
--color-pitch-black-forests-200: #c4e0ce;
--color-pitch-black-forests-300: #aacab7;
--color-pitch-black-forests-400: #88ab96;
--color-pitch-black-forests-500: #6e927d;
--color-pitch-black-forests-600: #567864;
--color-pitch-black-forests-700: #436250;
--color-pitch-black-forests-800: #335040;
--color-pitch-black-forests-900: #284132;
--color-pitch-black-forests-950: #0d2f1e;
--color-celestial: #047889;
--color-celestial-50: #e3faff;
--color-celestial-100: #c5f5ff;
--color-celestial-200: #a3e4f1;
--color-celestial-300: #83cede;
--color-celestial-400: #58afc0;
--color-celestial-500: #3493a5;
--color-celestial-600: #047889;
--color-celestial-700: #005f6d;
--color-celestial-800: #004b56;
--color-celestial-900: #003943;
--color-celestial-950: #00242a;
--color-violet-kiss: #f09ddc;
--color-violet-kiss-50: #ffedfa;
--color-violet-kiss-100: #ffddf5;
--color-violet-kiss-200: #fdbcec;
--color-violet-kiss-300: #f09ddc;
--color-violet-kiss-400: #ce80bb;
--color-violet-kiss-500: #b264a0;
--color-violet-kiss-600: #954b85;
--color-violet-kiss-700: #7a376c;
--color-violet-kiss-800: #632857;
--color-violet-kiss-900: #4f1c45;
--color-violet-kiss-950: #330f2c;
--color-amour: #ef574c;
--color-amour-50: #fff4f3;
--color-amour-100: #ffeae7;
--color-amour-200: #ffd1cb;
--color-amour-300: #ffb3a8;
--color-amour-400: #ff8073;
--color-amour-500: #ef574c;
--color-amour-600: #cc362f;
--color-amour-700: #aa1818;
--color-amour-800: #8a0008;
--color-amour-900: #6b0004;
--color-amour-950: #460002;
--color-nocturnal-expedition: #004c56;
--color-nocturnal-expedition-50: #e2fbff;
--color-nocturnal-expedition-100: #cdf3fa;
--color-nocturnal-expedition-200: #b3e1e9;
--color-nocturnal-expedition-300: #97ccd5;
--color-nocturnal-expedition-400: #72adb7;
--color-nocturnal-expedition-500: #54929c;
--color-nocturnal-expedition-600: #397681;
--color-nocturnal-expedition-700: #255f68;
--color-nocturnal-expedition-800: #004c56;
--color-nocturnal-expedition-900: #0c3a41;
--color-nocturnal-expedition-950: #042429;
--color-glow-in-the-dark: #b9f5b5;
--color-glow-in-the-dark-50: #d6f9d3;
--color-glow-in-the-dark-100: #b9f5b5;
--color-glow-in-the-dark-200: #b1dfae;
--color-glow-in-the-dark-300: #98cb95;
--color-glow-in-the-dark-400: #77ae73;
--color-glow-in-the-dark-500: #5c9459;
--color-glow-in-the-dark-600: #437a41;
--color-glow-in-the-dark-700: #31632f;
--color-glow-in-the-dark-800: #224e20;
--color-glow-in-the-dark-900: #173d16;
--color-glow-in-the-dark-950: #0b260a;
}
Similar palettes
- 003F5F31698DC77A4DCFA2E1B6F1CAPoseidon to Seafoam Splashes
- 003122005750B45C7AFF8DB192FBE8Pitch-Black Forests to Hello Winter
- 003D4D006180009A78F85867F3A89FD7FFF2Maniac Mansion to Candied Snow
- 96F5C9FF9895CA6C6C00765B023442Ultra Mint to Nordic Noir
- CCF2FFFFB0DEF0625B0095A33C7447004B30Water to Zucchini
- DFE8C2C8B0DECD8774697652005E6400252DFrost to Sunken Ship
- 21210B11526C486982AD6178DA8DA5BCCF97Midnight Pines to In Good Taste
- 005A5EFFC3BF002528E07683007D8DAbyssal Waters to Bermuda