Midnight Pine color palette — #E4EBDC · #00733A · #004339 · #001F21 · #00060A
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E4EBDC): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#00733A): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004339): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00060A): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cellar Cypress color palette (#DCF1F1, #007B7D, #004144, #001616, #000202)
- Pine Terrace color palette (#DBE6CE, #00903F, #005F53, #003F43, #00121C)
- Lowlit Bloom color palette (#F5EAD8, #666400, #293F00, #00230A, #000504)
- Chalky Dune color palette (#C7F6F9, #006B54, #8C0024, #003226, #0A0001)
- Timeworn Indigo Workshop color palette (#D3EFF3, #00B0D2, #786CD0, #224C00, #000808)
- Worn Scarlet Harbor color palette (#FFEDDA, #CF031C, #00706F, #060D11, #000102)
- Shadow Garnet Pier color palette (#D1E8E9, #00573C, #760E00, #531900, #000201)
- Cerulean Delta color palette (#D4E6E4, #0099AA, #005C7A, #003361, #150A3F)
Browse the whole catalog at Explore, or see today's palette.