Midnight Coast color palette — #F0D8DE · #5D0676 · #2E1800 · #000B12 · #040007

Built around Royal Purple, softened by Onyx — the whole palette hums with creativity and sophistication.

The five colors

• Shell Pink (#F0D8DE): A whisper-light, dusty red — the color of late-summer berries.
• Royal Purple (#5D0676): A deep, shadowed, vivid pink — the color of neon signs at night.
• Onyx (#2E1800): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040007): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Nocturne Garnet Orchard color palette (#F9DBD9, #6F0048, #2A1B23, #002518, #00081B)
• Navy Cabin color palette (#FBEAF9, #003290, #400003, #000C0C, #060002)
• Weathered Navy Orchard color palette (#F1E4D9, #5287A7, #0F2F90, #002220, #0D0025)
• Garnet Boulevard color palette (#F9E8E2, #45524E, #5C000C, #231A09, #080300)
• Deep Mulberry color palette (#F8DFD8, #A5003C, #3D3A00, #002021, #02000B)
• Mulberry Summit color palette (#FFE8E8, #971072, #2B3E00, #260056, #26001A)
• Shadow Brick color palette (#FFDFE7, #AA2E2A, #4B2000, #231500, #0B0900)
• Inked Coast color palette (#F5ECD2, #3F6A35, #003329, #280031, #010800)

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