Navy Lagoon color palette — #F5E8EF · #3A839C · #003B71 · #002019 · #01000A

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5E8EF): bright and airy, almost weightless.
• Cerulean (#3A839C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003B71): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#002019): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Wandering Navy color palette (#F4DFE9, #5392B4, #174297, #002C28, #050018)
• Denim Field color palette (#EDDCE8, #6AA8B1, #005F87, #003C24, #000132)
• Wandering Cerulean Drift color palette (#F8EEF7, #A9CEDA, #1388AC, #1F5D31, #042041)
• Worn Sapphire color palette (#F6E3E9, #99B7D4, #5560BA, #004B4E, #1E0832)
• Dusty Petrol color palette (#F0EED4, #729D79, #007A8A, #422000, #000200)
• Aubergine Canyon color palette (#C7E8D9, #4F5000, #411093, #202000, #010008)
• Nocturne Fern color palette (#D9E6C6, #4D6400, #1F3000, #070B00, #010100)
• Timeworn Cypress color palette (#F5F0F6, #D0D3EA, #7AA2BA, #517655, #26384A)

Browse the whole catalog at Explore, or see today's palette.