Onyx Harbor color palette — #F1EAF2 · #948A92 · #7D6271 · #530020 · #030004

Built around Espresso, softened by Pewter — the whole palette hums with sophistication.

The five colors

• Blush (#F1EAF2): bright and airy, almost weightless.
• Heather (#948A92): soft and architectural.
• Pewter (#7D6271): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#530020): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Onyx Harbor 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

• Hushed Aubergine color palette (#DEDDE7, #8F8B97, #736579, #440053, #020008)
• Onyx Station color palette (#F5EDF1, #879087, #547360, #431E00, #040002)
• Aged Onyx color palette (#E5DCDB, #A9958A, #876B45, #53002B, #120505)
• Timeworn Garnet Field color palette (#F7EBE8, #B4A097, #9C806D, #820036, #140503)
• Garnet Bloom color palette (#E4DFE5, #C4B6BF, #819982, #710037, #020004)
• Cocoa Parlor color palette (#EAE1E6, #AAB7A9, #779681, #6C3000, #14050D)
• Terracotta Atelier color palette (#EDE7EB, #D4C7CE, #B39DA4, #9A2018, #1E101C)
• Ancient Brick color palette (#FCEAF7, #BB4583, #B9070F, #573100, #030000)

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