Onyx Harbor color palette — #DDE7F8 · #8E7900 · #0C005D · #0A0716 · #00000B

Deep Indigo and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDE7F8): A whisper-light, dusty violet — the color of wild irises.
• Walnut (#8E7900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#0C005D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0A0716): A deep, shadowed, dusty violet — the color of a velvet chair.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, 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

• Olive Meadow color palette (#EBEDFF, #458E39, #24004A, #0E0515, #020007)
• Inked Corridor color palette (#EEDBE9, #785900, #0A0049, #0E0103, #010013)
• Rust Garden color palette (#D6E4F2, #C3531E, #001C37, #0B0B14, #000104)
• Linen Aubergine color palette (#ECECFF, #7FB454, #550182, #0E001B, #010007)
• Weathered Rose Parlor color palette (#EEDBE8, #D6546E, #383A95, #0E0643, #050004)
• Aubergine Atelier color palette (#E4E5F0, #BDB7CB, #B3828F, #4B2274, #010105)
• Nightshade Canyon color palette (#F2F5FF, #9DCB77, #4F3C9F, #180B3F, #000106)
• Tempered Pewter Alley color palette (#F5F4FD, #D7F0B0, #8D639E, #442E4E, #0F0E17)

Browse the whole catalog at Explore, or see today's palette.