Onyx Harbor color palette — #CCE5F1 · #004551 · #1C2724 · #400008 · #0F0700

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

The five colors

• Frost (#CCE5F1): A whisper-light, dusty blue — the color of deep harbor water.
• Deep Teal (#004551): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1C2724): quiet, heavy and certain.
• Espresso (#400008): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#0F0700): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, 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

• Nightshade Market color palette (#D6E6FF, #0018B0, #18262A, #2B1A00, #060B00)
• Lowlit Onyx Market color palette (#CDE2F7, #4D4241, #003053, #16101A, #060016)
• Nocturne Drift color palette (#CDE6D8, #256F1D, #00332A, #001928, #000807)
• Ultramarine Drift color palette (#D5E3FC, #2E14F5, #423500, #202100, #00110A)
• Dusty Hollow color palette (#CAE5E4, #416AAF, #4F2355, #002514, #130F00)
• Worn Basin color palette (#F7E6F0, #3C8CA2, #003F6B, #00231A, #05002C)
• Pale Amethyst Coast color palette (#E0E7FF, #6F33FE, #594B00, #003D28, #002423)
• Gentle Garnet Boulevard color palette (#CAE6F7, #007393, #880018, #2D3100, #062009)

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