Navy Loft color palette — #F4EDE2 · #4D7DA8 · #04318B · #001E27 · #01000B

Indigo takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F4EDE2): a clean, paper-quiet neutral.
• Slate (#4D7DA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#04318B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Tempered Cerulean Pier color palette (#F1E7D8, #368499, #00415C, #001F1F, #000104)
• Wandering Orchard color palette (#E9DED3, #7AA7CE, #3D48A5, #002B2C, #020006)
• Hushed Petrol Harbor color palette (#F1E8DA, #7EC0CB, #007695, #004C45, #001828)
• Dusty Cerulean Chapel color palette (#F7F1E7, #94DFE1, #0093A9, #006450, #002938)
• Cerulean Ridge color palette (#F7F1E8, #C6E4DA, #6D8FBF, #226879, #3B2335)
• Deep Mulberry color palette (#F2DCD6, #900035, #004543, #3F0013, #000201)
• Garnet Loft color palette (#FFE9E2, #C87358, #865A00, #550031, #090000)
• Shadow Chestnut Quarry color palette (#F1DDC2, #625000, #392500, #1A0A00, #010100)

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