Navy Loft color palette — #F2FFA2 · #88E8B1 · #00AA9F · #00678C · #00157A
A conversation between Deep Indigo and Lagoon, giving this palette its sense of nature and growth.
The five colors
- Butter (#F2FFA2): A whisper-light, balanced green — the color of a quiet forest floor.
- Lagoon (#88E8B1): A whisper-light, balanced teal — the color of sea glass.
- Turquoise (#00AA9F): A luminous, balanced teal — the color of sea glass.
- Peacock (#00678C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#00157A): A deep, shadowed, vivid violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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
- Powdered Quarry color palette (#E4FFD0, #77F3D7, #00AFC6, #00669C, #240067)
- Feathered Celadon Ridge color palette (#FFF8BD, #AFEC91, #00AD90, #006473, #002943)
- Feathered Navy Dune color palette (#DCF4DF, #00B2A8, #00758E, #002175, #070017)
- Navy Parlor color palette (#D7F183, #00C88D, #008082, #004F75, #171392)
- Onyx Basin color palette (#CBE8DE, #00A0B3, #00528C, #1A0059, #030004)
- Patina Seafoam color palette (#A6F9CF, #00E5CA, #00B9BF, #00869D, #003854)
- Gentle Onyx color palette (#DDFFBF, #6FCCA2, #008E97, #004564, #080045)
- Quiet Pier color palette (#EEFCD2, #A2ECEA, #46B3E1, #5059BE, #460D6B)
Browse the whole catalog at Explore, or see today's palette.