Midnight Lagoon color palette — #FEE9F8 · #006884 · #4B5A00 · #060D08 · #020100

Olive takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FEE9F8): A whisper-light, dusty pink — the color of peonies in June.
• Peacock (#006884): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#4B5A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#060D08): a grounded near-black with real depth.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged neon, dark, vibrant, 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

• Deep Grape color palette (#FDD4D5, #6F00E2, #006148, #040C0C, #010100)
• Lowlit Bloom color palette (#D2E7D9, #00654F, #00302F, #000E11, #000103)
• Velvet Ultramarine color palette (#FFE8E6, #004ED7, #006330, #030D0B, #010100)
• Timeworn Olive Archive color palette (#FDDDF5, #008A9C, #667900, #051007, #000201)
• Patina Field color palette (#E7EAE2, #879184, #59735D, #003320, #010200)
• Softworn Garden color palette (#F7EBFA, #9617FC, #6E6600, #090F06, #000201)
• Weathered Boulevard color palette (#ECDBDE, #4A6EFF, #00865F, #000F0F, #010100)
• Eclipse Chestnut Coast color palette (#E9E8D4, #705300, #283135, #0E1800, #010100)

Browse the whole catalog at Explore, or see today's palette.