Navy Loft color palette — #C2EDF3 · #837800 · #006E5E · #003576 · #000202
A conversation between Navy and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Frost (#C2EDF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Olive Leaf (#837800): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006E5E): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003576): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, 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
- Sunlit Nightshade color palette (#CFE9EF, #5D8500, #006862, #1400B5, #000102)
- Antique Corridor color palette (#C9ECE5, #B26C00, #18770F, #004C5B, #000201)
- Soft Archive color palette (#D6F5F8, #009F30, #007567, #004451, #000404)
- Twilit Forest color palette (#DCE3C9, #166A51, #003653, #280C00, #0C0200)
- Patina Aubergine color palette (#D2E6F3, #00965D, #006C86, #500095, #000104)
- Worn Boulevard color palette (#F4EAF1, #418390, #004061, #002014, #00000C)
- Moss Garden color palette (#E7F3DE, #809A00, #008D6D, #0063A6, #000304)
- Clover Balcony color palette (#DCE5D7, #3AC412, #00A084, #00687C, #000201)
Browse the whole catalog at Explore, or see today's palette.