Onyx Harbor color palette — #D1ECE3 · #515B00 · #003979 · #4D0041 · #040100

Built around Royal Purple, softened by Navy — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D1ECE3): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#515B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003979): A deep, shadowed, balanced blue — the color of open sky before noon.
• Royal Purple (#4D0041): A deep, shadowed, balanced pink — the color of peonies in June.
• Black (#040100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged jewel, vibrant, dark.

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

• Misty Loft color palette (#E3F4F1, #2A6700, #2D27A3, #43002B, #030100)
• Aged Bloom color palette (#D3E6D8, #765A00, #004860, #390066, #070000)
• Tempered Pine color palette (#CEE7E4, #007C2E, #004B6C, #420047, #110400)
• Inked Forest Delta color palette (#CCF1F1, #006342, #3B373F, #001E1B, #000302)
• Airy Cabin color palette (#D7F7F8, #006750, #510085, #4B000A, #020200)
• Charred Study color palette (#CAE8E3, #0A4606, #002D33, #270018, #000300)
• Hushed Mulberry color palette (#DCE5D0, #009366, #006D62, #730063, #010200)
• Muted Hollow color palette (#DDE7D4, #2E9537, #00664B, #00332F, #001113)

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