Onyx Harbor color palette — #D0E8DC · #008083 · #004160 · #0F005E · #190023
Built around Deep Indigo, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0E8DC): A whisper-light, dusty teal — the color of sea glass.
- Teal (#008083): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#004160): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#0F005E): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#190023): A deep, shadowed, dusty pink — the color of a candy shop window.
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
- Onyx Hollow color palette (#D2E7EA, #007590, #003F5F, #000C41, #020011)
- Airy Navy Quarry color palette (#CCE5E8, #0090B6, #005A8E, #002B67, #09002B)
- Soft Corridor color palette (#E2ECCB, #00894A, #004945, #001D2A, #000434)
- Velvet Ridge color palette (#E1F0E1, #00665F, #001E84, #251500, #000E12)
- Worn Abyss color palette (#DFEDF2, #9CABB9, #707FA0, #004044, #07161B)
- Nightshade Ridge color palette (#D0E7E9, #0073A7, #1300BC, #290046, #1A000F)
- Nightshade Coast color palette (#D0EAE5, #00A0BC, #0074A7, #122CC5, #0B0024)
- Tempered Meadow color palette (#DEF5E7, #2E879A, #3B3984, #1F2F00, #001B0D)
Browse the whole catalog at Explore, or see today's palette.