Onyx Harbor color palette — #E3F3EB · #004256 · #1B2626 · #3E001C · #0D0700
A conversation between Deep Indigo and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#E3F3EB): a clean, paper-quiet neutral.
- Deep Teal (#004256): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#1B2626): quiet, heavy and certain.
- Deep Indigo (#3E001C): A deep, shadowed, balanced red — the color of a theater curtain.
- Ink (#0D0700): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged 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
- Twilit Onyx color palette (#E4F1DB, #004738, #1E241B, #2B004C, #140300)
- Lowlit Nightshade Study color palette (#FBE8F7, #1D00B1, #182228, #3C0900, #010B00)
- Charred Onyx color palette (#D3F1E9, #3A3B44, #002B4F, #070D11, #02000F)
- Velvet Bloom color palette (#DAEAF8, #005F89, #610059, #291600, #000201)
- Hushed Balcony color palette (#F7E4D9, #0086A4, #003F64, #00201C, #00000C)
- Nocturne Forest color palette (#EBE8CF, #0F6A2F, #003228, #00171F, #000200)
- Gentle Mulberry color palette (#E0F9ED, #008FBA, #A30664, #3A3C00, #181A00)
- Tempered Garnet Balcony color palette (#D9F3E9, #0073A7, #830340, #212C00, #080D00)
Browse the whole catalog at Explore, or see today's palette.