Midnight Pier color palette — #D1F9F3 · #0C7F1B · #00341D · #001D1B · #00080B

Olive and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D1F9F3): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#0C7F1B): A full-bodied, vivid green — the color of new leaves after rain.
• Deep Forest (#00341D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001D1B): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00080B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Charred Forest Market color palette (#D5F4F3, #006638, #353139, #002016, #000C0C)
• Obsidian Bronze Coast color palette (#D3EFDD, #7B6700, #2D2D00, #001F0F, #000B09)
• Hushed Studio color palette (#E9EBDA, #2AA10F, #175044, #27290F, #141207)
• Clover Coast color palette (#C7E8E2, #49BE19, #27756E, #1D4A44, #05160D)
• Cerulean Delta color palette (#E5F5FE, #2B89A4, #273F51, #1B2B33, #12161B)
• Pale Ridge color palette (#B8F9FE, #009199, #3859FF, #357100, #00383C)
• Weathered Olive Delta color palette (#E5FBF0, #9FAB61, #557600, #575318, #194336)
• Gentle Jade Archive color palette (#D3F5DC, #00BF85, #008766, #005C4C, #00404D)

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