Onyx Harbor color palette — #CCEADF · #435300 · #003B40 · #0B005C · #040000

Deep Indigo takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CCEADF): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#435300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#003B40): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#0B005C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged jewel, vibrant, 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

• Obsidian Onyx color palette (#DBF4EA, #555F00, #003863, #260043, #0C0004)
• Onyx Drift color palette (#DFF4F2, #004B34, #003034, #1F0030, #020100)
• Cellar Spruce Studio color palette (#D0E8D4, #5C4200, #133D00, #001C2A, #040001)
• Navy Balcony color palette (#CBE4E6, #005E47, #001E8E, #2A003B, #020100)
• Softworn Veranda color palette (#FFE4EE, #716600, #00482C, #310042, #040600)
• Bronze Chapel color palette (#F8EDDC, #867A00, #275300, #002A17, #000606)
• Patina Aubergine Drift color palette (#EFF0E1, #367E0B, #005E5E, #44006B, #0B0400)
• Wandering Canyon color palette (#DEE9E3, #A2B9B3, #709695, #4D4400, #030E07)

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