Midnight Pier color palette — #D1E4D9 · #686500 · #3F3600 · #1F1700 · #020200
A conversation between Olive and Espresso, giving this palette its sense of nature and growth.
The five colors
- Silver (#D1E4D9): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#686500): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#3F3600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#1F1700): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.
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
- Moss Grove color palette (#ECEED3, #859900, #5F6000, #3E3700, #0C1500)
- Eclipse Chestnut color palette (#F1DEE5, #724700, #402100, #1C0800, #000200)
- Moss Field color palette (#D8F3E2, #7F9027, #5B4D00, #311C00, #000200)
- Cypress Grove color palette (#CDE3E4, #007A5C, #1C3F56, #003224, #000102)
- Nocturne Forest Bloom color palette (#E5F5E7, #00531E, #003C52, #2B1700, #000200)
- Amber Delta color palette (#D3F3D2, #CB9613, #915F00, #633800, #022310)
- Wandering Bronze Quarry color palette (#FEECF5, #CBA286, #976850, #614056, #2F1C24)
- Twilit Chestnut color palette (#D5E9D8, #775E00, #473200, #241400, #020200)
Browse the whole catalog at Explore, or see today's palette.