Onyx Harbor color palette — #E6EFFF · #516900 · #09004A · #1C091D · #010013

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

The five colors

• Frost (#E6EFFF): A whisper-light, dusty violet — the color of wild irises.
• Olive (#516900): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#09004A): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#1C091D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#010013): 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

• Inked Chestnut color palette (#DBEAFE, #855100, #000E3D, #180E1A, #00010F)
• Forest Hollow color palette (#E5E3F9, #007051, #2C1110, #24002F, #060009)
• Aubergine Thicket color palette (#E5E9F6, #936E00, #2E0077, #260F22, #06001E)
• Gentle Hollow color palette (#EAEBFF, #009167, #370A53, #230B19, #11001F)
• Nightshade Ridge color palette (#E7DAE3, #7B9300, #3227B8, #0C0545, #050004)
• Aubergine Bloom color palette (#E3E2EC, #9E96A4, #82677C, #420458, #090619)
• Soft Moss color palette (#ECDEFC, #4EAB2E, #6B004C, #350024, #160722)
• Aubergine Workshop color palette (#EBEDFD, #6CAB8A, #4E3173, #28183C, #160D1B)

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