Navy Loft color palette — #F5E9DE · #5691B7 · #0040A3 · #002B2E · #04001A
Built around Indigo, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Cream (#F5E9DE): a clean, paper-quiet neutral.
- Cerulean (#5691B7): A luminous, balanced blue — the color of open sky before noon.
- Indigo (#0040A3): A full-bodied, vivid violet — the color of wild irises.
- Deep Forest (#002B2E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#04001A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Veranda color palette (#E7EAE0, #5C96BF, #004C82, #002D3D, #001231)
- Weathered Archive color palette (#F5E4DB, #5B9597, #005264, #002D1C, #00050B)
- Gentle Ultramarine Pier color palette (#ECE0E4, #74A9CB, #005CD7, #00494E, #100839)
- Muted Villa color palette (#DDF3F2, #85BEE6, #006BB1, #003B4D, #00020B)
- Worn Cobalt Quarry color palette (#F8F0E9, #A7D2C5, #5B78C3, #005A64, #201743)
- Hushed Forest color palette (#FFEEE5, #87CAC5, #008092, #00552C, #001D2C)
- Weathered Meadow color palette (#DFEECC, #70AF85, #008595, #4A3800, #000701)
- Cerulean Thicket color palette (#F7F0ED, #CBE3D1, #4598BC, #006F57, #39223C)
Browse the whole catalog at Explore, or see today's palette.