Midnight Pine color palette — #CFE7E0 · #207A4B · #004038 · #410004 · #000401
Pine takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.
The five colors
- Silver (#CFE7E0): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#207A4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#004038): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#410004): A deep, shadowed, balanced orange — the color of toasted spice.
- Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
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
- Antique Olive Courtyard color palette (#E1F1E8, #4D7607, #004224, #231F00, #010400)
- Deep Olive Market color palette (#D5E4D6, #706B00, #233F00, #36072E, #030300)
- Antique Emerald color palette (#E2E3CA, #5F9F67, #005D36, #332B00, #000200)
- Muted Cabin color palette (#D7F5F4, #006D3F, #5700B3, #00331B, #040011)
- Aubergine Garden color palette (#DDEEDB, #105908, #60007B, #570039, #000200)
- Hushed Emerald Market color palette (#EFEDCF, #209B60, #006056, #5F201D, #001408)
- Cypress Garden color palette (#E5F6F0, #84AC88, #007660, #215042, #02221F)
- Timeworn Field color palette (#EEE0EA, #49989C, #005266, #002D1D, #00050C)
Browse the whole catalog at Explore, or see today's palette.