Onyx Harbor color palette — #E4EEEA · #978798 · #786375 · #002C49 · #000201
A conversation between Midnight and Graphite, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4EEEA): bright and airy, almost weightless.
- Heather (#978798): A luminous, dusty pink — the color of peonies in June.
- Graphite (#786375): A full-bodied, dusty pink — the color of peonies in June.
- Midnight (#002C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Worn Spruce color palette (#EAF2ED, #7B9487, #507466, #003038, #000201)
- Worn Thicket color palette (#DBE5E1, #C6B4C4, #AA8598, #00415C, #000201)
- Washed Aubergine color palette (#F9EAEF, #B9959C, #937175, #4A1869, #0C0104)
- Denim Summit color palette (#EEE6EC, #D7C5D1, #B39CA8, #39528D, #1B131A)
- Patina Pewter color palette (#F8EFF3, #E3D4D2, #CCB8B3, #8F6779, #32292D)
- Smoked Drift color palette (#D9DEF5, #5A4A85, #472D57, #320F06, #0E0100)
- Worn Aubergine color palette (#F0DFF0, #0080C0, #0056CA, #3D0DA4, #00000C)
- Smoked Fern color palette (#E9DEC7, #5F5B00, #282D00, #001912, #010100)
Browse the whole catalog at Explore, or see today's palette.