Onyx Pier color palette — #F3DFCE · #7C4000 · #00486D · #4E0022 · #050100

A conversation between Espresso and Bronze, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F3DFCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7C4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00486D): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#4E0022): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Depth, Luxury. Tagged dark, 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

• Nightshade Station color palette (#F3E6D5, #6F4900, #0F32A6, #500015, #040200)
• Smoked Onyx Drift color palette (#F0EBD3, #4C5200, #003A3F, #380025, #020100)
• Soft Aubergine color palette (#FAECD1, #634F00, #00476E, #3B005E, #140C00)
• Bronze Ridge color palette (#F1E6D8, #9F6E00, #004D53, #493100, #000200)
• Weathered Field color palette (#F5E3D8, #8D2D00, #005043, #2C006C, #070100)
• Sunlit Aubergine color palette (#F1EADB, #5F5200, #73006A, #460040, #030200)
• Nocturne Studio color palette (#F8D6D7, #8F0072, #004773, #490039, #070004)
• Nocturne Aubergine color palette (#F0E1BF, #3F3600, #3A0064, #1E0E00, #020100)

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