Midnight Coast color palette — #D6E9E2 · #785900 · #20242C · #001625 · #000306
A conversation between Coffee and Ink, giving this palette its sense of optimism and sophistication.
The five colors
- Honeydew (#D6E9E2): A whisper-light, dusty teal — the color of sea glass.
- Coffee (#785900): A full-bodied, balanced gold — the color of old brass.
- Onyx (#20242C): quiet, heavy and certain.
- Ink (#001625): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000306): quiet, heavy and certain.
Feels like: Optimism, 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
- Tempered Bronze color palette (#D6E2EF, #A85E37, #002D4F, #201A25, #000611)
- Wandering Bronze color palette (#D9EBF9, #AA7F00, #004F73, #001726, #000205)
- Eclipse Onyx color palette (#FAE7F1, #785900, #150042, #160601, #020010)
- Aubergine Villa color palette (#FFE8F6, #9A7408, #24036F, #080029, #080005)
- Navy Parlor color palette (#E7DDE4, #A5949C, #85676F, #191773, #12040F)
- Washed Stone color palette (#FDF1F7, #C4AB77, #534A75, #3F2432, #261616)
- Moonless Garnet color palette (#CCEAE1, #003A60, #550300, #171200, #000205)
- Dusty Aubergine color palette (#FFD9E3, #B88A00, #580D72, #2C003B, #1C0011)
Browse the whole catalog at Explore, or see today's palette.