Midnight Coast color palette — #F4DAEC · #7E6B00 · #2A2716 · #3A0700 · #0E0100

Walnut and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4DAEC): A whisper-light, dusty pink — the color of neon signs at night.
• Walnut (#7E6B00): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#2A2716): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#3A0700): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#0E0100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Bronze Archive color palette (#D0E4D6, #8A6500, #483A3B, #251C00, #070400)
• Charred Olive Loft color palette (#EFE3F5, #757000, #3B001D, #1D0B04, #0F0004)
• Softworn Grove color palette (#FAE9F3, #AC4200, #003E21, #451600, #000201)
• Soft Workshop color palette (#FED8EC, #AD9000, #612700, #300F00, #1D0614)
• Antique Moss color palette (#FCE6DC, #858B00, #6D0800, #260100, #070000)
• Nocturne Onyx color palette (#F6EDE1, #784E00, #1F3800, #1A004B, #0F0B00)
• Terracotta Studio color palette (#FCEBE1, #B98F25, #953500, #481500, #050100)
• Wandering Amber Grove color palette (#CCE5D6, #B48200, #3F3600, #1B1600, #000909)

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