Navy Lagoon color palette — #FAF1FF · #FD7DB4 · #668D00 · #004AAB · #071858

Indigo takes the lead with Bubblegum close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Bubblegum (#FD7DB4): A luminous, vivid rose — the color of a warm blush.
• Olive Leaf (#668D00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#004AAB): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Indigo (#071858): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Pine Summit color palette (#FFF0FD, #EC8381, #138D51, #39408A, #121343)
• Quiet Fuchsia Orchard color palette (#F7F3FF, #F081D3, #8E7F00, #005A73, #00233E)
• Softworn Bloom color palette (#FFF0F9, #FF885D, #009280, #005A71, #2A0653)
• Powdered Raspberry color palette (#FFF2EF, #D13C76, #2A6B00, #004077, #262156)
• Faded Coral Workshop color palette (#FFF0FE, #E56165, #00764A, #003C60, #060036)
• Washed Ridge color palette (#FFF1F6, #F79202, #009090, #2A45AA, #2A0059)
• Dusty Quarry color palette (#FFF1F5, #FFD3C3, #AE9E60, #617B9E, #2B4469)
• Periwinkle Terrace color palette (#FEF1F5, #D9D3DE, #8DAAFF, #008597, #362B5C)

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