Midnight Spruce color palette — #DCF3FF · #473E3B · #003643 · #211C00 · #010A00
A conversation between Deep Teal and Onyx, giving this palette its sense of sophistication and depth.
The five colors
- Frost (#DCF3FF): A whisper-light, dusty blue — the color of open sky before noon.
- Charcoal (#473E3B): a grounded near-black with real depth.
- Deep Teal (#003643): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#211C00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#010A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Midnight Spruce into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Velvet Aubergine color palette (#DDE7FF, #33008D, #2C262A, #141B00, #000901)
- Antique Courtyard color palette (#F1DEEA, #9B3200, #424700, #003018, #00161E)
- Soft Cabin color palette (#F1E3F5, #C6003F, #901C00, #3A3300, #000207)
- Soft Corridor color palette (#DDFCE7, #6200E7, #00513B, #003841, #031937)
- Aubergine Drift color palette (#DFDBEE, #550065, #191C24, #2D0800, #0D0600)
- Aged Market color palette (#F0F5FF, #AC7208, #006E32, #004A48, #182A38)
- Petrol Drift color palette (#ECF7FF, #007FA4, #5A5500, #00481E, #002A34)
- Deep Mulberry Alley color palette (#F4E1EC, #7F0070, #470024, #170A00, #0B0006)
Browse the whole catalog at Explore, or see today's palette.