Navy Ridge color palette — #F7EAE1 · #328CAC · #003B76 · #00231D · #080029

Built around Navy, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Cream (#F7EAE1): bright and airy, almost weightless.
• Cerulean (#328CAC): A luminous, balanced blue — the color of deep harbor water.
• Navy (#003B76): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#00231D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#080029): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Muted Abyss Station color palette (#EBDBD7, #4B8D8D, #004357, #00240A, #00091B)
• Ancient Boulevard color palette (#F3E7DD, #5199BC, #0040A3, #00302B, #15043A)
• Shadow Cypress Courtyard color palette (#C2E7E4, #007970, #00372F, #13181D, #000B08)
• Denim Workshop color palette (#F6E6DF, #67ABB7, #005D8A, #00402A, #0D1A48)
• Cobalt Study color palette (#EFDEE7, #73A9C1, #0077C9, #005D5A, #03002E)
• Hazy Lantern color palette (#DFE8D5, #26A9B4, #4860C5, #303C00, #001310)
• Obsidian Fern Ridge color palette (#EDEFDA, #1A6F07, #003E28, #001E1C, #010711)
• Softworn Lapis color palette (#F4EDE6, #8BBDB0, #5258C5, #004F53, #36234A)

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