Onyx Harbor color palette — #ECDAE0 · #A3624C · #684E0C · #022E59 · #0A0135

Deep Indigo takes the lead with Walnut close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#ECDAE0): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#A3624C): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#684E0C): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#022E59): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#0A0135): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Optimism, 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 Bloom color palette (#F0D8D1, #906E2B, #435D1E, #2A2D51, #0F0C36)
• Antique Cocoa color palette (#FDDCEA, #9F6B60, #5F4700, #002340, #010009)
• Aged Dune color palette (#FDDBD7, #A24E00, #613700, #2F2000, #080800)
• Softworn Denim color palette (#FCE7CF, #8E5E00, #0057A6, #4E3100, #000614)
• Softworn Basalt color palette (#F8E1CC, #4A6A4E, #483F00, #002518, #000F13)
• Wandering Nightshade color palette (#EADCC6, #735100, #004B97, #1525A0, #030100)
• Tempered Navy Atelier color palette (#FAD8C4, #A99966, #5F7D58, #4B3E6D, #2B2142)
• Ancient Bronze color palette (#F3E4DB, #AB7A3E, #826301, #20512F, #0C1A00)

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