Onyx Pier color palette — #C4ECDF · #006A72 · #003149 · #00053E · #03000E

Built around Deep Indigo, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#C4ECDF): A whisper-light, dusty teal — the color of shallow lagoons.
• Peacock (#006A72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003149): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#00053E): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#03000E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication, Depth. Tagged dark, muted, cool.

Use it as a design system

One click turns Onyx Pier 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

• Cypress Alley color palette (#E3EEE3, #006E58, #003536, #000F18, #00020B)
• Quiet Lantern color palette (#CCEAE8, #008DA2, #00688D, #00366C, #02001B)
• Soft Navy Grove color palette (#DDEDE1, #007E78, #004B62, #0D006C, #070014)
• Charred Onyx color palette (#FBE9DC, #005559, #002052, #1B0700, #000407)
• Spruce Corridor color palette (#DEEADF, #86A194, #7C6A7B, #003234, #040B05)
• Aubergine Drift color palette (#D0F4DF, #00987B, #00738C, #3C189A, #00040B)
• Twilit Aubergine color palette (#D6E9F3, #0064B9, #2D008A, #1B0029, #080006)
• Twilit Onyx Atelier color palette (#DFEBE1, #00464B, #1A2624, #3A002C, #110600)

Browse the whole catalog at Explore, or see today's palette.