Onyx Pier color palette — #E8DDD0 · #553900 · #024009 · #490016 · #030100

Espresso takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Bone (#E8DDD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#553900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Forest (#024009): A deep, shadowed, balanced green — the color of fresh herbs.
• Espresso (#490016): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, 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

• Smoked Basalt color palette (#DFE3D5, #384600, #003C38, #3A1A00, #010200)
• Garnet Meadow color palette (#FDDFDB, #7B010E, #403200, #3C0048, #070000)
• Shadow Chestnut Workshop color palette (#F5E7D5, #6D551F, #3D2700, #1C0D00, #050300)
• Lowlit Aubergine color palette (#EFE0CC, #523400, #00335A, #260062, #020100)
• Antique Olive color palette (#F9E7C8, #A69E61, #677C1C, #3F2A00, #141000)
• Fern Courtyard color palette (#DCE3CF, #4E6400, #005A56, #5E2F00, #0E1400)
• Garnet Alley color palette (#F7EAD1, #816900, #007146, #93020E, #271E00)
• Linen Pine color palette (#D6F7E0, #00874D, #006F89, #664F00, #002D16)

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