Navy Loft color palette — #DAE4F5 · #A4932D · #2A3E87 · #0A1346 · #00020F

Built around Indigo, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Frost (#DAE4F5): A whisper-light, dusty violet — the color of wild irises.
• Moss (#A4932D): A luminous, balanced green — the color of new leaves after rain.
• Indigo (#2A3E87): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#0A1346): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#00020F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged luxury, dark, cool.

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

• Feathered Navy color palette (#DBE1F5, #4EA865, #403588, #190E44, #01010E)
• Amber Bloom color palette (#DAEAFF, #D37648, #094288, #00193E, #00020A)
• Airy Drift color palette (#FAE8F6, #B7A324, #1B2797, #020029, #030003)
• Misty Lapis color palette (#D6E2F9, #D09C00, #4952D8, #2B3368, #000111)
• Navy Archive color palette (#FAE4F4, #9A7300, #190476, #04002C, #080005)
• Wandering Grape color palette (#DEE4FA, #65C371, #5E3BBC, #2F1E62, #090C25)
• Hazy Mulberry color palette (#DFDBEC, #6DB979, #7C3478, #3D183B, #0D071A)
• Aubergine Terrace color palette (#ECECFF, #00896A, #3F085C, #2C1220, #0C0017)

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