Navy Loft color palette — #FFF2EE · #69C9D1 · #0078A1 · #005930 · #072F6C
A conversation between Navy and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Aqua (#69C9D1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#005930): A full-bodied, balanced teal — the color of sea glass.
- Navy (#072F6C): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, 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 Forest color palette (#FDF3F0, #B6CCB5, #0E85A4, #0D6423, #183C60)
- Linen Hollow color palette (#FFF2EA, #7AC3E3, #0069D7, #00574C, #30226F)
- Muted Pier color palette (#E8F6EA, #6CCDD1, #007F94, #005343, #001D2A)
- Tempered Denim Archive color palette (#F2E8E4, #62ACB4, #005F83, #004124, #041B49)
- Linen Cerulean Thicket color palette (#FDF4E6, #6BE0E4, #009DB6, #00745F, #00384C)
- Misty Parlor color palette (#FEF3EA, #AFD9C7, #407CE0, #00675E, #3F3375)
- Wisteria Thicket color palette (#D3FFFE, #A8D5FF, #BA8AFF, #007E34, #003E4E)
- Powdered Brick color palette (#D1E2E6, #007F92, #BC0515, #753D00, #002A31)
Browse the whole catalog at Explore, or see today's palette.