Onyx Harbor color palette — #DFF2EC · #4C6700 · #004350 · #3B0044 · #040200
Built around Deep Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DFF2EC): A whisper-light, dusty teal — the color of sea glass.
- Olive (#4C6700): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Teal (#004350): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#3B0044): A deep, shadowed, balanced pink — the color of neon signs at night.
- Ink (#040200): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Moonless Aubergine color palette (#D0E8D9, #665800, #00493B, #31006F, #050100)
- Midnight Harbor color palette (#CEECEB, #005C34, #003B5F, #3D001F, #020200)
- Moonless Hollow color palette (#F1E5C9, #6D5D00, #003647, #250020, #020100)
- Patina Meadow color palette (#F6DFEA, #767700, #005842, #4F0041, #050F00)
- Lowlit Study color palette (#D5EFEC, #026516, #383740, #001E19, #000400)
- Powdered Moss Lagoon color palette (#F3E6C6, #7C8E00, #006417, #003829, #000D0E)
- Patina Fern Coast color palette (#E9F2EE, #A6B9B6, #7B9CA0, #515800, #051811)
- Faded Garnet color palette (#CAE7D5, #917A00, #007059, #83001E, #050200)
Browse the whole catalog at Explore, or see today's palette.