Midnight Coast color palette — #E2DCFF · #7B008C · #174800 · #061F00 · #030004

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

The five colors

• Thistle (#E2DCFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Plum (#7B008C): A full-bodied, vivid pink — the color of peonies in June.
• Deep Olive (#174800): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#061F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.

Use it as a design system

One click turns Midnight Coast 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

• Cellar Mulberry color palette (#EAE1F5, #890063, #00473D, #001E19, #040002)
• Twilit Nightshade Veranda color palette (#D9DFEE, #4B00CC, #084908, #021F02, #00000B)
• Garnet Boulevard color palette (#FADADC, #620052, #372700, #001712, #050004)
• Byzantium Parlor color palette (#D3E5C7, #9C00B0, #5B1700, #001013, #040002)
• Lowlit Navy color palette (#E1ECF9, #00356B, #0D3300, #001710, #000104)
• Misty Violet Ridge color palette (#E4E7F7, #8858DC, #493A00, #37006D, #000201)
• Pale Mulberry color palette (#F4E2F5, #B2003E, #00576A, #002D39, #040000)
• Amethyst Delta color palette (#FFE9F2, #8143D0, #007169, #004F5F, #03000A)

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