Midnight Coast color palette — #DCE3CD · #005B38 · #5A1300 · #271700 · #010200

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

The five colors

• Celadon Mist (#DCE3CD): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#005B38): A full-bodied, balanced teal — the color of shallow lagoons.
• Espresso (#5A1300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#271700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010200): quiet, heavy and certain.

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

• Midnight Boulevard color palette (#DCECD4, #005B4C, #00315B, #231C00, #000300)
• Mulberry Delta color palette (#CFE2F4, #006FAB, #960071, #443100, #000203)
• Aged Ultramarine color palette (#F5E8F5, #0056B9, #0D4904, #002F28, #000204)
• Washed Veranda color palette (#D7E6DE, #007795, #5B5200, #003E0D, #000808)
• Aubergine Alley color palette (#EBECFF, #600095, #4B000B, #172223, #0F0500)
• Fern Grove color palette (#E9FAEE, #0096A8, #896A00, #355F03, #16270C)
• Faded Cornflower color palette (#FFE4FA, #4F79FF, #007F24, #004E4C, #001826)
• Charred Nightshade Study color palette (#FAE8F5, #1E0890, #201E25, #2E0032, #0E0700)

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