Midnight Lagoon color palette — #F7ECE1 · #5A4200 · #032C03 · #110025 · #010100
A conversation between Deep Olive and Deep Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7ECE1): bright and airy, almost weightless.
- Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#032C03): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#110025): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.
Use it as a design system
One click turns Midnight Lagoon 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
- Fern Garden color palette (#D2F0E1, #4A4F00, #102B00, #001113, #030400)
- Shadow Garnet Cabin color palette (#D9E7DC, #811B00, #2C2200, #000922, #030100)
- Lowlit Onyx Alley color palette (#FBEADA, #5E6424, #00412F, #290026, #100005)
- Cellar Forest Quarry color palette (#DAF5F0, #08684B, #003130, #2B0500, #000201)
- Worn Corridor color palette (#EBDDE8, #3B858F, #004259, #002018, #000104)
- Aged Workshop color palette (#CFE6D9, #B66900, #6A6000, #00483B, #010100)
- Washed Aubergine Study color palette (#F9E6EE, #827C00, #005B3F, #48064F, #091100)
- Lagoon Lagoon color palette (#FFEAE4, #009767, #005C70, #610019, #001614)
Browse the whole catalog at Explore, or see today's palette.