Onyx Pier color palette — #D3EDE1 · #004C67 · #09191C · #020832 · #000407

A conversation between Ink and Navy, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D3EDE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Navy (#004C67): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#09191C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020832): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#000407): quiet, heavy and certain.

Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Navy Field color palette (#F7E1F9, #00396E, #081317, #0A0024, #000207)
• Hushed Cobalt color palette (#D7F1FF, #0085B1, #2E3F6E, #012032, #000203)
• Cobalt Alley color palette (#D5EAE3, #1C78B0, #41293A, #0C241D, #030F0E)
• Weathered Denim Hollow color palette (#F1E2DA, #6CABB1, #00607C, #00402E, #00213B)
• Grape Market color palette (#F7DEE8, #7744C9, #3E1D39, #1C0F33, #14070B)
• Softworn Ultramarine Lantern color palette (#F7D7ED, #4442C4, #614A00, #284014, #0B0737)
• Midnight Ultramarine color palette (#E4EBF7, #0037ED, #280A48, #000434, #000A06)
• Eclipse Thicket color palette (#FFE8F7, #391AB4, #1A0223, #060C10, #020015)

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