Onyx Harbor color palette — #E2EEFF · #56659E · #4A3F71 · #480629 · #1E0004

Espresso takes the lead with Slate close behind in a set that reads as creativity and balance at first glance.

The five colors

• Frost (#E2EEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#56659E): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#4A3F71): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#480629): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#1E0004): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Creativity, Balance. Tagged vintage, retro, muted.

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

• Worn Pewter color palette (#F6EBFF, #815581, #63344C, #3A1500, #130800)
• Dusty Denim Quarry color palette (#D9EAFF, #7484C4, #6758A2, #57233D, #380B15)
• Muted Denim color palette (#D3F0E7, #6A99AC, #325A9B, #432400, #070A00)
• Wandering Aubergine Balcony color palette (#D3F8F8, #4D81AE, #523993, #342C00, #0E1D05)
• Faded Garnet color palette (#E8E2F9, #B08EC0, #84517C, #7B2408, #3A1900)
• Aubergine Orchard color palette (#EAE9FF, #685AB9, #3E0099, #110037, #010008)
• Softworn Abyss color palette (#D3E8E4, #5296A0, #005262, #002C2B, #000509)
• Tempered Basalt Thicket color palette (#F4EAFF, #B07E8C, #885858, #4C3600, #221D00)

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