Navy Ridge color palette — #E7DFD3 · #5B84AD · #0B2F90 · #00212B · #07002B

Built around Indigo, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Bone (#E7DFD3): bright and airy, almost weightless.
• Storm Blue (#5B84AD): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Indigo (#0B2F90): A deep, shadowed, vivid violet — the color of wild irises.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#07002B): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Ancient Orchard color palette (#F4EEE5, #538A98, #00425C, #002221, #000A17)
• Weathered Ultramarine Garden color palette (#E2EEE1, #5E98CB, #4040C3, #003B3D, #100021)
• Tempered Denim Garden color palette (#EAE4DA, #73A6C3, #005A98, #003D44, #011754)
• Airy Bloom color palette (#DAEADD, #60A6E8, #3D6CDA, #005A72, #060227)
• Dusty Grove color palette (#F3EEE6, #97BCA2, #007393, #00504A, #00314D)
• Hushed Summit color palette (#EFF0E0, #56AD8E, #007676, #2C3000, #001606)
• Lowlit Aubergine Bloom color palette (#E0E0D2, #345E00, #5D0081, #122700, #0D0016)
• Dusty Boulevard color palette (#FBF4E9, #96DCE0, #008EA6, #006856, #00465F)

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