Navy Loft color palette — #DDE2D2 · #4186BC · #003C73 · #00202E · #000623
Navy and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#DDE2D2): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#4186BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003C73): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000623): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, 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
- Patina Navy color palette (#E0E5D8, #5D93CB, #00439C, #002C42, #040B3E)
- Tempered Veranda color palette (#EBECDF, #049299, #00454E, #002320, #000B10)
- Weathered Indigo Villa color palette (#F4EBE3, #79A6CB, #5A6BC5, #005D5F, #0F0022)
- Dusty Petrol color palette (#EEF0E3, #77BFC7, #007588, #00504E, #003442)
- Misty Nightshade color palette (#FFE8E4, #970043, #18299D, #42001A, #010024)
- Washed Lagoon color palette (#F6F7E4, #82E1E0, #00909A, #00685B, #004853)
- Cellar Chestnut Summit color palette (#F8ECDD, #725400, #3C2700, #1C0D00, #060300)
- Softworn Studio color palette (#F4F7ED, #BAE2FF, #668EB4, #306A80, #563E57)
Browse the whole catalog at Explore, or see today's palette.