Onyx Harbor color palette — #CFEAEF · #006D8A · #002E4C · #020042 · #040019

Deep Indigo takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CFEAEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006D8A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#002E4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#020042): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#040019): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

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 (#DBF3EC, #006A69, #003843, #00111B, #00030A)
• Obsidian Navy color palette (#DFF0F7, #00639D, #00118E, #11003B, #060011)
• Timeworn Navy Basin color palette (#D3F2FF, #1D8DC8, #0067AD, #003782, #01001A)
• Spruce Veranda color palette (#DBECF4, #8C9CA9, #5F7289, #00313A, #010B11)
• Navy Cabin color palette (#D6ECEA, #008597, #004D78, #0A006D, #04000F)
• Navy Harbor color palette (#FBEFD5, #005367, #001C5C, #220100, #000408)
• Charred Onyx Pier color palette (#D2E1EB, #004359, #300043, #170300, #010200)
• Weathered Thicket color palette (#C3E7FA, #436DB0, #40315D, #3B1400, #150C00)

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