Onyx Pier color palette — #E8DED9 · #648B73 · #004066 · #002318 · #04002D

A conversation between Ink and Navy, giving this palette its sense of nature and growth.

The five colors

• Bone (#E8DED9): bright and airy, almost weightless.
• Fern (#648B73): A luminous, dusty teal — the color of glacier melt.
• Navy (#004066): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#002318): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#04002D): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light, 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

• Softworn Navy Parlor color palette (#EEE5DD, #59879F, #003190, #00231F, #0B0027)
• Tempered Cerulean color palette (#E9F1EA, #11869C, #004259, #001F1E, #000104)
• Denim Bloom color palette (#F2EBE0, #4BA0B3, #006181, #003C39, #000A17)
• Moonless Cypress Courtyard color palette (#CAF1E6, #00795F, #003527, #1D1A21, #000D08)
• Antique Workshop color palette (#EBF1DA, #22A3A9, #496DB9, #343100, #001211)
• Nocturne Aubergine Dune color palette (#E3EADD, #00604B, #67006D, #00271D, #0F0011)
• Feathered Meadow color palette (#E9DDE5, #4EB0C4, #007BBA, #006044, #03012D)
• Fern Veranda color palette (#F9E8CE, #5A5E18, #392800, #200900, #000500)

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