Onyx Harbor color palette — #CAE6D8 · #514C00 · #003131 · #130042 · #170003

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

• Celadon Mist (#CAE6D8): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#514C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#003131): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#130042): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#170003): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Twilit Fern color palette (#D3F1EB, #245800, #002F40, #24002B, #110400)
• Lowlit Corridor color palette (#F7DEE9, #713900, #003415, #001528, #14000E)
• Quiet Olive Harbor color palette (#EBF2D6, #3F7B00, #00511B, #002B18, #001517)
• Weathered Denim color palette (#E2EBE3, #559CA8, #005269, #00302C, #001625)
• Ancient Pine color palette (#CDEAE6, #127E59, #004139, #311D00, #00140B)
• Weathered Station color palette (#E0E0D0, #688259, #0D5A43, #2D2261, #2F0B35)
• Wandering Station color palette (#FFE8DA, #AC3C00, #004F57, #4B0028, #160008)
• Feathered Amber color palette (#D0ECE0, #B18100, #7B7700, #00612A, #081000)

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