Onyx Harbor color palette — #D2F9EE · #00808D · #005071 · #001D59 · #050014
A conversation between Midnight and Teal, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D2F9EE): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#00808D): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005071): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001D59): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#050014): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Muted Canyon color palette (#DDF0DC, #008167, #00565D, #002231, #000217)
- Weathered Cerulean color palette (#C2E7F3, #008FBD, #006697, #003B68, #00020D)
- Muted Navy color palette (#F5E1C5, #007271, #003D73, #2B1C00, #000406)
- Nightshade Drift color palette (#CBEEF8, #007CB1, #272CBF, #260052, #09000E)
- Hushed Coast color palette (#D8F6F3, #357EA0, #534B8D, #3F3100, #121200)
- Worn Abyss color palette (#DFE8E1, #9AA8A2, #957E92, #004F56, #000D03)
- Muted Market color palette (#DEF4E8, #00AF88, #0084A1, #6500D1, #000206)
- Washed Villa color palette (#D4F1FC, #4A91D3, #4D48D4, #500083, #2C0026)
Browse the whole catalog at Explore, or see today's palette.