Navy Loft color palette — #F7EBE2 · #5787A3 · #0C318C · #002220 · #0C0026

Indigo and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7EBE2): bright and airy, almost weightless.
• Storm Blue (#5787A3): A luminous, dusty blue — the color of deep harbor water.
• Indigo (#0C318C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#002220): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#0C0026): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. 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

• Dusty Onyx color palette (#EFE4DF, #648B73, #004067, #002318, #04002D)
• Hazy Dune color palette (#F8ECE2, #6A9B8B, #2739A5, #00302F, #1B003A)
• Denim Delta color palette (#EFE8DD, #579BBF, #005B99, #003A41, #000428)
• Tempered Rust Boulevard color palette (#F6E2EE, #BD7BA9, #B3481D, #003156, #1B0027)
• Faded Aubergine color palette (#E2F2FF, #3658C1, #360087, #240039, #190012)
• Shadow Aubergine color palette (#EFE0F4, #8249A4, #420066, #261107, #11001B)
• Softworn Forest color palette (#F8EBE8, #7FBEBF, #007392, #005420, #002D5B)
• Sapphire Workshop color palette (#F2E3E9, #53ACD5, #3270D2, #005E55, #0A0027)

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