Onyx Harbor color palette — #D4E7E7 · #005171 · #00224D · #1C001D · #000409
Midnight takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D4E7E7): A whisper-light, dusty teal — the color of sea glass.
- Peacock (#005171): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#00224D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#1C001D): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#000409): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Creativity, Sophistication, Depth, Luxury. Tagged retro, 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
- Cellar Onyx color palette (#E3F2FF, #004164, #260052, #18000D, #000203)
- Twilit Onyx Market color palette (#E3F4F0, #00574D, #002A2D, #080037, #000404)
- Tempered Cerulean Basin color palette (#D8ECE9, #498C97, #004453, #002223, #000B12)
- Nocturne Nightshade color palette (#F0DCF0, #233BA6, #280063, #21000C, #020018)
- Tempered Studio color palette (#DDE7F7, #565D88, #46346C, #3D011E, #1C051D)
- Navy Boulevard color palette (#FAE0CD, #00707D, #162D94, #331700, #000407)
- Hazy Lapis color palette (#EDD6EB, #544CD5, #51008D, #4A0015, #160C37)
- Sunlit Ultramarine Loft color palette (#F8DEC2, #008C86, #254CC1, #533200, #000406)
Browse the whole catalog at Explore, or see today's palette.