Onyx Harbor color palette — #E4EBF4 · #8E9AB1 · #696F8B · #002B55 · #020916

Midnight and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E4EBF4): a clean, paper-quiet neutral.
• Blue Fog (#8E9AB1): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#696F8B): A full-bodied, dusty violet — the color of a velvet chair.
• Midnight (#002B55): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#020916): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Aged Navy Thicket color palette (#DFE8E6, #B09FAA, #9E7B87, #00477B, #010C09)
• Patina Parlor color palette (#DFDEE7, #AFA3C0, #8B7695, #541364, #141120)
• Wandering Denim color palette (#E9EFFA, #C7CBDE, #9F9EB2, #475083, #292E39)
• Washed Hollow color palette (#E8F0FF, #665790, #4F2B4C, #042511, #000F11)
• Lapis Atelier color palette (#D7E2FC, #0081B7, #4938F0, #5E006E, #06001A)
• Inked Orchard color palette (#CFE7D8, #5C6300, #193300, #001927, #000805)
• Navy Loft color palette (#EADDC1, #0042A2, #30005A, #170A00, #020018)
• Worn Boulevard color palette (#F4F4FC, #E1D7E0, #CABAC4, #7E6A91, #464751)

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