Midnight Pine color palette — #D8F4F2 · #007C36 · #004546 · #001728 · #010009
A conversation between Olive and Deep Teal, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#D8F4F2): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#007C36): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#004546): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001728): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight Pine 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
- Twilit Olive Corridor color palette (#D2EADF, #6A6C00, #004830, #00191F, #020100)
- Moonless Onyx color palette (#C5E7ED, #00786B, #004259, #100049, #010100)
- Deep Harbor color palette (#D7F9F0, #365900, #393D44, #0C1216, #000801)
- Hushed Navy color palette (#D7F8DF, #599C86, #00776E, #003363, #04072C)
- Emerald Veranda color palette (#DFF0DE, #00A14A, #00603A, #002D1D, #000402)
- Moonless Orchard color palette (#F2ECD0, #484E00, #003036, #180030, #040000)
- Muted Petrol Lantern color palette (#E3F2F0, #7BC3D9, #007194, #003D43, #000306)
- Muted Clover Alley color palette (#D5FFFB, #00B945, #007A7F, #003F7A, #141300)
Browse the whole catalog at Explore, or see today's palette.