Onyx Harbor color palette — #D8E9DF · #00A299 · #007082 · #003D65 · #0D0057
A conversation between Deep Indigo and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D8E9DF): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#00A299): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007082): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003D65): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#0D0057): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Navy Workshop color palette (#DCF5EE, #00A6B8, #006C9D, #0023A1, #19004C)
- Dusty Orchard color palette (#D2EFF0, #008EA0, #005569, #002B3C, #0C1029)
- Washed Teal Quarry color palette (#D3E9CA, #00BC9F, #008BA1, #005796, #15003E)
- Softworn Emerald color palette (#E4F5D5, #00AA55, #00746B, #00444F, #001728)
- Teal Coast color palette (#7DF9E3, #00B7BB, #007089, #003249, #000415)
- Dusty Lagoon color palette (#F8DFCE, #009581, #005F88, #5D2500, #001B1C)
- Frosted Azure Drift color palette (#C2FBEC, #5FD2D6, #00A5CF, #2F6AAB, #36347B)
- Misty Nightshade Workshop color palette (#D3F2F9, #0076B1, #2600C8, #320056, #0B000E)
Browse the whole catalog at Explore, or see today's palette.