Navy Lagoon color palette — #D0FFD9 · #73E8D1 · #3AC0CD · #2F8EB4 · #183E7D
Navy and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D0FFD9): A whisper-light, dusty teal — the color of shallow lagoons.
- Lagoon (#73E8D1): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#3AC0CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#2F8EB4): A luminous, balanced blue — the color of deep harbor water.
- Navy (#183E7D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, 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
- Worn Seafoam color palette (#EBF4BB, #90E69E, #5FC6AA, #249197, #004157)
- Glacier Veranda color palette (#B2FFEF, #57E7FF, #57B5ED, #6283C3, #402F71)
- Wandering Bloom color palette (#D6FFF9, #37DFE2, #2FA5B4, #006F83, #00465D)
- Feathered Balcony color palette (#E6FFCE, #B3F3D2, #44B5BA, #006B94, #1D226F)
- Dusty Seafoam color palette (#FFF0FB, #6BE0C0, #58B0DA, #AC6F6D, #21434B)
- Feathered Bloom color palette (#D1E6D9, #00A396, #007A95, #004E83, #06003A)
- Hazy Sapphire Market color palette (#D3E7E1, #00CDD3, #00A3CD, #006ECB, #23006E)
- Muted Alley color palette (#D2E9F1, #00C1CB, #57748A, #3B4D53, #121A1B)
Browse the whole catalog at Explore, or see today's palette.