Navy Ridge color palette — #E6EBF5 · #9399AE · #6A6E8E · #1F2060 · #040817

Built around Deep Indigo, softened by Slate — the whole palette hums with creativity and sophistication.

The five colors

• Frost (#E6EBF5): bright and airy, almost weightless.
• Blue Fog (#9399AE): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#6A6E8E): A full-bodied, dusty violet — the color of wild irises.
• Deep Indigo (#1F2060): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#040817): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Worn Navy Meadow color palette (#F0E5ED, #B29EA8, #9D7C86, #2E3D85, #12040F)
• Muted Garnet color palette (#E8E3EF, #B2A2BE, #8B7692, #64004D, #17101F)
• Ancient Denim color palette (#EDEEF6, #C9CAE0, #A09DB4, #5A4A7E, #2A2C3D)
• Patina Pewter color palette (#F0EAF8, #8B5891, #5F2548, #351000, #120500)
• Muted Grape color palette (#DCE0EF, #5573FF, #6F2DE2, #58007A, #060015)
• Timeworn Pewter color palette (#F6F4FC, #E3D7E0, #C9BCC3, #786D93, #494650)
• Charred Aubergine color palette (#F9D4D0, #5711AF, #3A004B, #230001, #060011)
• Charred Fern color palette (#D5EDE6, #207000, #003513, #001B1E, #010800)

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