Midnight Pier color palette — #D7EEE8 · #296D3C · #003425 · #001B1D · #000902
Built around Pine, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D7EEE8): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#296D3C): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#003425): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001B1D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000902): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Midnight Pier 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
- Frosted Field color palette (#D0ECE4, #297F36, #00432D, #0F1E4A, #001502)
- Obsidian Fern Study color palette (#E5F4E7, #695E00, #272F00, #001D09, #070600)
- Hushed Lagoon Grove color palette (#EEF3D4, #4E9B6E, #007454, #00544C, #000803)
- Washed Cerulean Study color palette (#D9E2DB, #468B9D, #00425C, #002221, #000A17)
- Dusty Orchard color palette (#DAE9DC, #988E41, #4E5D00, #004557, #073120)
- Obsidian Nightshade color palette (#E5EAF7, #4729C3, #493E00, #1D0062, #080600)
- Hushed Navy Harbor color palette (#D1F4ED, #50A676, #006A57, #353881, #00381F)
- Obsidian Lagoon color palette (#ECEBFC, #4400A4, #562200, #002C1F, #02000C)
Browse the whole catalog at Explore, or see today's palette.