Navy Lagoon color palette — #F5ECDD · #4289AE · #003E6D · #002227 · #00022D

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

The five colors

• Cream (#F5ECDD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cerulean (#4289AE): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003E6D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00022D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Tempered Navy color palette (#F3ECE2, #6595B7, #00488F, #002E38, #070B3C)
• Aged Boulevard color palette (#E9E0D2, #2C918E, #00454C, #002318, #000B11)
• Cobalt Archive color palette (#D1E3E1, #6FA8CA, #1E7BB6, #005A6F, #000919)
• Muted Petrol Quarry color palette (#F5EDE2, #82BEBE, #007585, #00523F, #003344)
• Moonless Mulberry Parlor color palette (#F5E1DE, #950051, #004A3C, #410020, #000805)
• Cornflower Archive color palette (#FBF4E9, #A6D4FB, #2F78F1, #006379, #333A6E)
• Frosted Garnet Thicket color palette (#FFE2DD, #C8705F, #9F5600, #590043, #180300)
• Inked Veranda color palette (#F4E1CE, #745200, #412400, #210800, #050300)

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