Navy Loft color palette — #E7DFD2 · #437EAC · #003682 · #001E26 · #01000B
Navy and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#E7DFD2): a clean, paper-quiet neutral.
- Cerulean (#437EAC): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003682): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#001E26): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- 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
- Dusty Lagoon Pier color palette (#EBE2D5, #3D858A, #004351, #00201A, #000103)
- Softworn Basin color palette (#F5EADF, #71A9D3, #3343B7, #002B2B, #020007)
- Muted Field color palette (#EEE5D8, #6BA5BF, #005D91, #00393D, #000921)
- Petrol Thicket color palette (#EFE8DD, #71C2CC, #007792, #004C43, #001827)
- Wandering Cerulean color palette (#F8F1E5, #94DFDF, #0093A5, #00644D, #002A37)
- Muted Terrace color palette (#F0F3D4, #46A171, #007876, #363500, #010200)
- Aubergine Atelier color palette (#ECEBD6, #3A5600, #5B0078, #162300, #030005)
- Antique Azure color palette (#F6F1EA, #C0E6D8, #5D90CE, #006A7B, #392435)
Browse the whole catalog at Explore, or see today's palette.