Midnight Coast color palette — #E7EFE0 · #006B53 · #1C2C48 · #00241A · #000204
A conversation between Pine and Midnight, giving this palette its sense of calm and sophistication.
The five colors
- Cream (#E7EFE0): A whisper-light, dusty green — the color of new leaves after rain.
- Pine (#006B53): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#1C2C48): A deep, shadowed, dusty violet — the color of wild irises.
- Onyx (#00241A): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000204): a grounded near-black with real depth.
Feels like: Calm, Sophistication, Depth, Luxury. Tagged duotone, dark, muted, cool.
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
- Navy Summit color palette (#D4E4D6, #00686E, #210078, #002225, #01000E)
- Obsidian Forest Coast color palette (#E2E5D7, #036B18, #002560, #002704, #030003)
- Abyss Hollow color palette (#E9DEC8, #005558, #00273C, #220008, #000406)
- Weathered Spruce color palette (#E3EBE2, #919D94, #5A786B, #003231, #030C02)
- Softworn Aubergine Station color palette (#D7E5DC, #00859A, #4C039A, #003943, #050013)
- Lagoon Alley color palette (#CDEFD9, #00957E, #006777, #004172, #000509)
- Antique Ultramarine Corridor color palette (#F0F8ED, #00BBA6, #1556DB, #006458, #0C1B3A)
- Inked Chapel color palette (#DFEFD5, #003C30, #310038, #190000, #020200)
Browse the whole catalog at Explore, or see today's palette.