Onyx Coast color palette — #CBE5EE · #005577 · #003257 · #000A3E · #01000A
Built around Deep Indigo, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Frost (#CBE5EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#005577): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003257): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#000A3E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication, 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
- Petrol Pier color palette (#CAEFFB, #0078AB, #004F84, #001F58, #070032)
- Navy Courtyard color palette (#D4E0ED, #004998, #513500, #001D43, #020100)
- Cypress Field color palette (#C2E8DD, #00625E, #003134, #001419, #000203)
- Cellar Nightshade Harbor color palette (#D3E0EB, #004F94, #150094, #0D003D, #03000C)
- Misty Market color palette (#D7DFEC, #8780C6, #89549F, #003553, #010016)
- Lowlit Coast color palette (#D5DDFA, #43349F, #38006D, #200032, #030004)
- Velvet Navy Coast color palette (#E6F0FF, #00299A, #62000E, #032C03, #000009)
- Nightshade Pier color palette (#E4F1FD, #4384D5, #363FB8, #2B0085, #1A003A)
Browse the whole catalog at Explore, or see today's palette.