Onyx Pier color palette — #F6FCB6 · #9AD0A6 · #4FA8B6 · #864247 · #531117

Built around Espresso, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Custard (#F6FCB6): A whisper-light, balanced green — the color of a quiet forest floor.
• Pistachio (#9AD0A6): A luminous, balanced teal — the color of sea glass.
• Cyan (#4FA8B6): A luminous, balanced blue — the color of deep harbor water.
• Coffee (#864247): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#531117): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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

• Linen Glacier Boulevard color palette (#DEFFE4, #79E0E5, #6F93BC, #8D4A3F, #58241C)
• Washed Teal Veranda color palette (#FFF5D7, #B1CE8F, #38AE9D, #784A75, #451443)
• Aged Garnet Lagoon color palette (#EAEDD5, #5BA769, #007B81, #7F1F43, #66210F)
• Washed Ash Pier color palette (#E3FCF1, #C9E3ED, #A5C7D3, #A38DA4, #654A56)
• Weathered Petrol color palette (#C2EDE7, #79AABE, #616992, #305035, #241700)
• Wandering Denim Meadow color palette (#D9E4D5, #4A887B, #23556F, #401811, #0A0000)
• Tempered Market color palette (#D2F3F6, #5C93CD, #675883, #393200, #120F00)
• Aubergine Drift color palette (#CDF6F1, #75C8D3, #4FA9CA, #7A70B3, #502973)

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