Onyx Coast color palette — #E2F3F2 · #007086 · #003E6B · #08004A · #020007
Built around Deep Indigo, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F3F2): a clean, paper-quiet neutral.
- Teal (#007086): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003E6B): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#08004A): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Onyx 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
- Nocturne Cypress Study color palette (#DAF4E1, #007064, #00424C, #001A2C, #010012)
- Pale Cobalt Pier color palette (#D4EFFC, #0078B3, #003E6F, #001849, #040033)
- Nightshade Harbor color palette (#D8EAEC, #006892, #0411A1, #18003C, #040005)
- Navy Atelier color palette (#FCEDDB, #00606C, #0D078F, #1E1100, #000204)
- Weathered Abyss color palette (#DEE7EB, #91A2B2, #6F7C94, #003E48, #000509)
- Midnight Archive color palette (#D1E4F0, #2C5EBC, #42018B, #23002A, #070003)
- Midnight Onyx Grove color palette (#CDEEFA, #00545B, #480049, #160F00, #010100)
- Muted Petrol Boulevard color palette (#C0EEF1, #2A6C95, #433469, #292000, #040900)
Browse the whole catalog at Explore, or see today's palette.