Midnight Pine color palette — #E1E4D1 · #007C47 · #00412D · #002420 · #000401
Pine takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Parchment (#E1E4D1): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007C47): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00412D): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#002420): A deep, shadowed, dusty teal — the color of glacier melt.
- 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
- Lagoon Lantern color palette (#E1E8CD, #008E64, #005040, #002E40, #000B05)
- Obsidian Chapel color palette (#E4DFCE, #516000, #1D3000, #001916, #010100)
- Worn Jade Studio color palette (#E0E9CC, #00AF81, #006B59, #004847, #001C12)
- Washed Cerulean color palette (#E9ECDD, #009AB6, #005169, #002B2F, #00050A)
- Wandering Lime Field color palette (#F8F3D6, #87BA4E, #3A7D2C, #0E5758, #162602)
- Lagoon Pier color palette (#EEF4E7, #83C2B2, #2F847D, #375E53, #212B1A)
- Hushed Grove color palette (#F6F1E7, #CEC39D, #90843B, #5B6554, #33312A)
- Moonless Aubergine color palette (#E3DFF8, #5700B3, #75003C, #003445, #020008)
Browse the whole catalog at Explore, or see today's palette.