Midnight Pier color palette — #F9EAFF · #77003A · #2D3900 · #002B28 · #060001

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

The five colors

• Blush (#F9EAFF): A whisper-light, dusty pink — the color of peonies in June.
• Mulberry (#77003A): A deep, shadowed, balanced red — the color of late-summer berries.
• Forest (#2D3900): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#002B28): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Inked Terrace color palette (#E5E2F0, #69006C, #0D3F00, #002D13, #050005)
• Velvet Harbor color palette (#FADDEF, #611E00, #00340F, #001425, #050100)
• Deep Aubergine Corridor color palette (#FAEBF1, #6D0047, #4E2400, #220066, #040002)
• Velvet Fern color palette (#EBDBED, #636300, #3A2719, #2E000A, #090001)
• Cocoa Delta color palette (#FEEADF, #7A3600, #00485B, #1C294C, #120400)
• Eclipse Plum Cabin color palette (#F7D4E1, #9D467A, #52002E, #1C000E, #060003)
• Aubergine Workshop color palette (#F7D5E2, #9F005F, #733E00, #411298, #060002)
• Gentle Ridge color palette (#D9F2F5, #008871, #B70053, #150402, #040006)

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