Navy Ridge color palette — #ECE2E7 · #3183A0 · #003B74 · #00201A · #01000A

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

The five colors

• Rose Water (#ECE2E7): bright and airy, almost weightless.
• Cerulean (#3183A0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003B74): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00201A): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Washed Navy Canyon color palette (#F1E4E9, #5293B2, #00419F, #002C27, #050018)
• Cerulean Studio color palette (#F6EFF5, #94D5D7, #0088B0, #01602D, #0B213B)
• Washed Terrace color palette (#E5EBE4, #93B8DA, #545EC2, #004B4E, #1D0B2E)
• Cocoa Summit color palette (#F6E5EF, #7E3000, #00405F, #371100, #000103)
• Pine Studio color palette (#FFE3F2, #A78644, #007A45, #570032, #050200)
• Aged Cornflower color palette (#F9EFF3, #A6D7F7, #507CE6, #00625E, #271C45)
• Inked Lantern color palette (#FFEBDD, #815100, #3E2200, #161F1A, #0D0500)
• Deep Cocoa color palette (#FFE8F4, #612900, #003359, #17173C, #030100)

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