Navy Lagoon color palette — #F2D8D2 · #9D7B40 · #556C33 · #3D306E · #31002C

Royal Purple and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2D8D2): A whisper-light, dusty orange — the color of autumn markets.
• Mocha (#9D7B40): A luminous, balanced gold — the color of honey in a jar.
• Olive (#556C33): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#3D306E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#31002C): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Hazy Terrace color palette (#F9D7CC, #AE955A, #567135, #3D205F, #150019)
• Garnet Field color palette (#EFDCC3, #87915C, #007156, #622552, #370026)
• Softworn Chestnut Hollow color palette (#FFE3EF, #A67564, #725E00, #1B3961, #0B1942)
• Wandering Olive color palette (#F7EFE1, #708447, #006052, #411F3B, #1F0018)
• Forest Drift color palette (#E7EFCF, #618450, #0F5C36, #003541, #002033)
• Ancient Emerald Balcony color palette (#F9EAE4, #C1A666, #5B954B, #6D4E93, #572245)
• Faded Delta color palette (#F4EEDC, #679246, #00633E, #601A33, #071300)
• Softworn Mulberry Study color palette (#F6ECCB, #96B88A, #6A8668, #7A435A, #582428)

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