Midnight Station color palette — #F1DAE6 · #541FB4 · #533500 · #031F01 · #010008

A conversation between Plum and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F1DAE6): A whisper-light, dusty pink — the color of a candy shop window.
• Plum (#541FB4): A full-bodied, vivid violet — the color of a velvet chair.
• Cocoa (#533500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#031F01): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Shadow Aubergine color palette (#E6EBFF, #3E0090, #382600, #071700, #02000C)
• Navy Courtyard color palette (#FAEAF9, #0048A1, #5E2C00, #1C1900, #000105)
• Aubergine Courtyard color palette (#FFE6EA, #7B008B, #413E00, #001E18, #030004)
• Shadow Pier color palette (#F0D7DA, #85247C, #461F00, #020A00, #000102)
• Hazy Lapis Boulevard color palette (#F5DDED, #524BF4, #845700, #005348, #01000F)
• Antique Alley color palette (#F8E8EF, #8562C9, #73002B, #37006D, #040000)
• Muted Plum Villa color palette (#FFE7E9, #A9459A, #4D6B00, #00423F, #030003)
• Hushed Terrace color palette (#F1DBD8, #AD0063, #005E26, #002E31, #040001)

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