Midnight Coast color palette — #E7E7D8 · #494E56 · #305A00 · #0E1814 · #000801

A conversation between Deep Olive and Ink, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E7E7D8): a clean, paper-quiet neutral.
• Charcoal Brown (#494E56): quiet, heavy and certain.
• Deep Olive (#305A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#0E1814): quiet, heavy and certain.
• Ink (#000801): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Turquoise Villa color palette (#E6FBEF, #2EAED1, #334C43, #15221B, #030704)
• Mint Pier color palette (#F3F8E9, #79C194, #435E20, #292D22, #0F100A)
• Emerald Ridge color palette (#D9F7DB, #009652, #005939, #002B1E, #000302)
• Timeworn Fern Cabin color palette (#EAE0CA, #95914A, #4B5300, #342A00, #010100)
• Petrol Corridor color palette (#E2F2E6, #006C7A, #32353C, #00151D, #000200)
• Wandering Emerald color palette (#D7E5DC, #009661, #945600, #00482C, #020100)
• Aged Navy color palette (#DDEBE0, #5B9B81, #006C63, #0A3762, #020028)
• Petrol Lantern color palette (#EDF0E4, #76C3E0, #007099, #003D45, #000307)

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