Onyx Harbor color palette — #DFF6FF · #7AB2DB · #567EB5 · #3F4486 · #2D0E59
A conversation between Deep Indigo and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFF6FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#7AB2DB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#567EB5): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#3F4486): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#2D0E59): A deep, shadowed, balanced violet — the color of wild irises.
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
- Muted Lantern color palette (#E3F0FF, #9AABED, #7971AD, #5A3072, #3F003C)
- Dusty Navy color palette (#C6FFF9, #60C2D1, #0081A1, #004F83, #071D60)
- Quiet Nightshade color palette (#E2FFD7, #6DB4C3, #4477B1, #463BA1, #5D1D68)
- Chalky Aubergine Courtyard color palette (#E0F7FF, #90C7EF, #6896D4, #545DB9, #43217E)
- Worn Turquoise Veranda color palette (#E0FAE5, #59A6CF, #5C679C, #6E3317, #0F2439)
- Iris Garden color palette (#E8F3FF, #A0E9FF, #8BC8FF, #827CCF, #0C233E)
- Worn Petrol Cabin color palette (#ECF3F8, #D5D6DE, #BCBACA, #457D94, #222E35)
- Cocoa Loft color palette (#D8EDFE, #AEBBD3, #8A8AA5, #6E4958, #253B2E)
Browse the whole catalog at Explore, or see today's palette.