Navy Quarry color palette — #E6EFF7 · #97A1AF · #7676A3 · #00395D · #00050D

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E6EFF7): bright and airy, almost weightless.
• Blue Fog (#97A1AF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7676A3): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#00395D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00050D): 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 Navy Quarry 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

• Tempered Abyss color palette (#D7E3DE, #B6A3B0, #97747E, #003C57, #011911)
• Dusty Aubergine Field color palette (#DBDEE8, #9E9DB5, #80749A, #3E0D85, #03030F)
• Washed Denim color palette (#E9EFF4, #C8D0DF, #B49AC6, #005477, #000307)
• Ancient Pewter color palette (#F1F1F8, #DCD2DB, #BEB1CA, #745689, #1F1F2B)
• Timeworn Basalt color palette (#D4E3F7, #6A618F, #572D5D, #2F1E00, #0D0D00)
• Sapphire Studio color palette (#DFEAF9, #0092C3, #0F5FF3, #7100A3, #01000E)
• Nocturne Aubergine color palette (#E4DED1, #00569A, #36007B, #220E00, #000010)
• Deep Olive color palette (#D2E9D7, #706B00, #2D3D00, #00222E, #030300)

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