Navy Loft color palette — #F3E7EB · #5685AD · #2A327C · #002223 · #100021

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

The five colors

• Rose Water (#F3E7EB): a clean, paper-quiet neutral.
• Storm Blue (#5685AD): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#2A327C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Onyx (#002223): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#100021): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Navy Loft 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 Bloom color palette (#EADBE8, #338F96, #00425A, #002410, #00081F)
• Softworn Ultramarine Harbor color palette (#E0EFE3, #6898C0, #094FBA, #003947, #05002C)
• Tempered Market color palette (#E9DED4, #6DA7D5, #5267DA, #005D5E, #0F0022)
• Petrol Courtyard color palette (#F8EAF5, #8BB9CB, #00719D, #005332, #152B5A)
• Nocturne Market color palette (#D7ECE9, #1C7226, #390081, #002905, #08001D)
• Patina Teal color palette (#DEF4EE, #40AA89, #007996, #462F00, #001607)
• Washed Pier color palette (#FDF0FE, #A3D8E8, #008CB3, #006C2E, #1D416B)
• Moonless Pine Dune color palette (#DAEAD8, #27740A, #113900, #182229, #010D00)

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