Navy Loft color palette — #F7F9CF · #C0EBD3 · #72C1CE · #2C80B4 · #3A3176

A conversation between Royal Purple and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Custard (#F7F9CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint (#C0EBD3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#72C1CE): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#2C80B4): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#3A3176): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Hazy Mint Veranda color palette (#E1FFDC, #6ECEBB, #3C8C9C, #355F88, #473B6C)
• Pale Cobalt color palette (#EDFBDC, #D0EFFF, #7DB8E4, #626FBC, #5A2D6B)
• Powdered Aqua Delta color palette (#E0FBFF, #99EDEE, #5DCCE9, #4C98C3, #2B4C77)
• Softworn Nightshade color palette (#D8FFF3, #3AC5D6, #0085D7, #2C00B3, #21002C)
• Wandering Grape color palette (#D6FFF8, #80DAF8, #4F97E2, #5B39B3, #390043)
• Ultramarine Coast color palette (#D1E6E3, #29B2E5, #3254C9, #390067, #11000E)
• Washed Ultramarine Lantern color palette (#DCFFE9, #3FEFE8, #00A9DF, #0A31F5, #370066)
• Weathered Terracotta Summit color palette (#F0F8F0, #8ADCDF, #5FA7B4, #A04F4B, #004143)

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