Navy Hollow color palette — #DEE7F0 · #B4B8C6 · #8F8AA3 · #004778 · #0F2131

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

The five colors

• Frost (#DEE7F0): bright and airy, almost weightless.
• Ash (#B4B8C6): A luminous, dusty violet — the color of a velvet chair.
• Heather (#8F8AA3): A luminous, dusty violet — the color of a velvet chair.
• Navy (#004778): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0F2131): 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 Hollow 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

• Navy Courtyard color palette (#E5DEE5, #BDAEB8, #A68193, #05447E, #110712)
• Denim Garden color palette (#DBE0E6, #BEC4D1, #9CA3C2, #2562A3, #17202B)
• Washed Aubergine color palette (#E6E7EF, #BAB7C2, #99879B, #52179C, #1C1E2C)
• Washed Aubergine color palette (#EFEDF5, #D0C9D3, #B396A9, #7A3084, #2E2B3A)
• Lapis Boulevard color palette (#F1F5FF, #D2D0E1, #C697A8, #4C30D9, #2A3246)
• Washed Abyss Ridge color palette (#D4F1FD, #4A879F, #485D81, #2C4600, #003335)
• Timeworn Thicket color palette (#DEE0EB, #9C97A4, #806780, #3A0069, #070716)
• Wandering Cobalt color palette (#DFEDE9, #D8BEC0, #C3A39A, #3486C4, #0E241E)

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