Navy Lagoon color palette — #DFF5F2 · #00AEB9 · #007293 · #0C3979 · #1C1947
Navy takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#DFF5F2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00AEB9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007293): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#0C3979): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#1C1947): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Navy Lagoon 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
- Chalky Denim color palette (#C3EBEA, #00A2CB, #1263B3, #2A3887, #220F3E)
- Teal Balcony color palette (#D1ECD0, #13B492, #00787D, #004C64, #002144)
- Frosted Azure color palette (#DCFCFF, #4AD3F9, #009BCE, #006399, #12284D)
- Aged Petrol Coast color palette (#E9F3FF, #74AFED, #2968AA, #00345A, #000C1C)
- Washed Ridge color palette (#D5F1E5, #279DD1, #AD691C, #005D80, #2C1600)
- Lowlit Navy Garden color palette (#D0E9EF, #006794, #00238B, #1B0047, #0B0011)
- Patina Stone color palette (#DFF9EF, #F2D1EA, #D899BD, #1E7A6F, #2D172E)
- Weathered Cobalt Meadow color palette (#C5EDE1, #3281C1, #9F5B00, #685500, #001529)
Browse the whole catalog at Explore, or see today's palette.