Navy Harbor color palette — #E0E8F2 · #9AA0AC · #757A91 · #003669 · #00040D

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

The five colors

• Frost (#E0E8F2): a clean, paper-quiet neutral.
• Blue Fog (#9AA0AC): soft and architectural.
• Slate (#757A91): A full-bodied, dusty violet — the color of wild irises.
• Navy (#003669): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00040D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Navy 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

• Antique Navy Alley color palette (#E3EDEA, #B6A3AE, #9D717A, #003A61, #001913)
• Tempered Thicket color palette (#E7EBF6, #8B8B9E, #6C677D, #2A096F, #000108)
• Timeworn Denim color palette (#E4F0FB, #CAD0DF, #A6A1C2, #005183, #000308)
• Timeworn Basalt Boulevard color palette (#E7E5ED, #B8AFBF, #9A859C, #622B5E, #0D0718)
• Timeworn Ridge color palette (#E4DFE4, #BCB0B9, #A88C99, #00529B, #1C0D1D)
• Hushed Pewter Pier color palette (#F2F1F9, #DBD3D9, #BEB2C4, #785582, #201F29)
• Antique Coast color palette (#E0E9FF, #745C99, #662C59, #2E2100, #060B00)
• Lapis Dune color palette (#DEE7FE, #0090D6, #3A4CEE, #75009A, #02000C)

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