Midnight Coast color palette — #E7EEFF · #006980 · #006338 · #030C0B · #010100
Built around Pine, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Frost (#E7EEFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Peacock (#006980): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006338): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#030C0B): a grounded near-black with real depth.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged neon, dark, vibrant, 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
- Deep Abyss color palette (#C7F5F5, #005D66, #00333F, #000E16, #000103)
- Washed Boulevard color palette (#D3E8D2, #2B54FF, #006D80, #060C12, #000201)
- Muted Archive color palette (#DEE0F5, #0085B3, #00835D, #021111, #000202)
- Hushed Spruce color palette (#DBE3D9, #849284, #5C7161, #00312D, #000200)
- Magenta Loft color palette (#E7E4FD, #EE1ED9, #377200, #040F0A, #000200)
- Softworn Courtyard color palette (#F8E5EC, #5E51FF, #517000, #040F08, #000202)
- Cellar Fern color palette (#EDF0D7, #5E5B00, #222A30, #021A01, #000200)
- Azure Field color palette (#F0EBD6, #00A3D3, #009E73, #001B10, #020400)
Browse the whole catalog at Explore, or see today's palette.