Dark color palettes
Deep, night-time palettes with one light color to carry text and highlights. 33 palettes, each with HEX codes.
- Last Tram Home
- Espresso Bar
- Nocturnal Tide
- Celadon Room
- Ash Gallery
- Cauldron Feast
- Cortado Counter
- Cellar and Wine
- Magenta Rave
- Regal and Velvet
- Magenta Nightclub
- Understory Shade
- Lilac Dimming
- Granite Lake
- Birch Corner
- Witchwood Manor
- Clay Pottery
- Pot Loggia
- Opulent Invitation
- Raspberry Quartz
- Cairn Haze
- Matcha Morning
- Flurry Peak
- Voltage Midnight
- Teal Release
- Haunted Fog
- Pumpkin and Quince
- Noir and Obsidian
- Deep Midnight
- Hemlock Path
- Smoulder Table
- Harbour Haze
- Imperial Atelier
Most common colors in dark color palettes
Deep, night-time palettes with one light color to carry text and highlights. Across all 33 dark palettes here, these named colors come up most often. Each links to its hex, RGB and OKLCH values and the colors that go with it.
- Almost Black#070D0Din 7 palettes
- Jet#212529in 7 palettes
- Rich Black#0D1B2Ain 7 palettes
- Chocolate Brown#411900in 6 palettes
- Pakistan Green#283618in 6 palettes
- Dark Brown#341C02in 5 palettes
- Purple Brown#673A3Fin 4 palettes
- Royal Purple#4B006Ein 4 palettes
- YInMn Blue#415A77in 4 palettes
- Antique White#FAEBD7in 3 palettes
- Champagne#F7E7CEin 3 palettes
- Chestnut#742802in 3 palettes
Dark color palette hex codes
| Palette | Hex codes |
|---|---|
| Last Tram Home | #111024 #3A1C71 #D2269E #18C3C9 #E9F53B |
| Espresso Bar | #1F1512 #4A2F24 #8A5A3C #C8A27A #EFE3CF |
| Nocturnal Tide | #070B14 #334155 #475569 #38BDF8 |
| Celadon Room | #0D1A00 #003808 #005435 #9AE7D2 |
| Ash Gallery | #2E0402 #481F08 #603D19 #EDD1A1 |
| Cauldron Feast | #120B1A #2A1740 #4B2A6B #B3121F #F4E3C3 |
| Cortado Counter | #050100 #3B2218 #5E3B2A #8A5E41 #FFF9F1 |
| Cellar and Wine | #240310 #3F0C1F #5F1930 #763B47 #FFCDD3 |
Click a palette for its RGB, HSL and OKLCH values, contrast pairs, color-blindness preview and exports for CSS, Tailwind and Figma.
How to use a dark color palette
- A dark look comes as much from lightness and saturation as from hue, so keep new colors at a similar softness and depth.
- Pick a dominant color, a supporting color and one accent; the remaining colors become tints and shades.
- Check contrast for text, and test the palette in a real layout with the palette visualizer.
Frequently asked questions
What colors are in a dark color palette?
The colors used most across these dark palettes are Almost Black, Jet, Rich Black, Chocolate Brown, Pakistan Green and Dark Brown. Deep, night-time palettes with one light color to carry text and highlights.
How many dark color palettes are there?
There are 33 curated dark palettes on this page, each with hex codes and free exports.
Can I edit a dark palette?
Yes. Open any palette in the palette generator to lock, adjust or replace colors, check contrast and export to CSS, Tailwind, Figma or Adobe swatches.