Onyx Harbor color palette — #D4F4E4 · #4F4C00 · #003133 · #150034 · #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 (#D4F4E4): A whisper-light, dusty teal — the color of sea glass.
• Deep Olive (#4F4C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003133): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#150034): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Lowlit Boulevard color palette (#CEF1EB, #114800, #002231, #130014, #030100)
• Cocoa Parlor color palette (#F1DFE6, #6E3A00, #013406, #00131C, #030005)
• Spruce Lantern color palette (#C9EBDF, #645858, #303C00, #142022, #000901)
• Olive Delta color palette (#EEF0D1, #4C7B39, #114F40, #221950, #130014)
• Eclipse Garnet color palette (#FCE8DE, #861F00, #003325, #260026, #150100)
• Eclipse Navy Coast color palette (#DBEDDB, #8B5C00, #003C73, #27002D, #030004)
• Charred Alley color palette (#DDE2D3, #337500, #00400F, #002417, #000403)
• Patina Denim Meadow color palette (#E2F2E5, #4F96A4, #00516A, #002C29, #00050C)

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