Onyx Pier color palette — #F7EFF6 · #BAB683 · #7A433E · #490F0E · #150713

Espresso and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F7EFF6): a clean, paper-quiet neutral.
• Sage (#BAB683): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#7A433E): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#490F0E): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#150713): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, 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

• Aged Alley color palette (#FEF1F9, #CFA67B, #7E3B26, #492014, #2A1D26)
• Muted Chestnut Dune color palette (#EBF5EC, #C4B186, #6C501C, #362300, #060F07)
• Softworn Basalt color palette (#F8EFF2, #AACEB5, #7C5464, #472908, #1C0F15)
• Wandering Rust color palette (#FFF2ED, #CFC783, #A55852, #623330, #2A1F1A)
• Aged Amber color palette (#FAE5EF, #AF9300, #642B00, #280D00, #070100)
• Patina Loft color palette (#F7EFF2, #CAD6DA, #A7C0C3, #9E6730, #36272D)
• Brick Corridor color palette (#F7EFF5, #E79E8D, #248A52, #B52803, #001211)
• Moonless Meadow color palette (#F6DDED, #766800, #273122, #3A0D00, #090100)

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