Onyx Harbor color palette — #F9EDDA · #7E4400 · #2C3300 · #0C0047 · #030100

Built around Deep Indigo, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Cream (#F9EDDA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7E4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2C3300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#0C0047): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, 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

• Onyx Studio color palette (#FBECDF, #6C3B00, #00312E, #150034, #020008)
• Twilit Archive color palette (#E4E0D2, #A20214, #3D2B00, #001529, #040100)
• Aged Loft color palette (#FEE2CB, #796C00, #174A2C, #281A46, #1B010F)
• Inked Basalt Veranda color palette (#F5E8D0, #4D5A59, #433400, #17211E, #040800)
• Bronze Delta color palette (#F5EACA, #976F00, #494500, #00211B, #020100)
• Patina Corridor color palette (#FBE7C7, #ED5800, #8A6300, #005A1E, #020200)
• Aubergine Summit color palette (#F6EADA, #AE6F00, #3E5D00, #340085, #181100)
• Weathered Olive Alley color palette (#FFECDF, #237900, #004547, #3C0028, #000703)

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