Navy Lagoon color palette — #F8F6E6 · #748832 · #516214 · #003D7E · #3C2410

Navy and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F6E6): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#748832): A full-bodied, balanced green — the color of a quiet forest floor.
• Olive (#516214): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003D7E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3C2410): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

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 Meadow color palette (#FDF3E8, #9C6C23, #715D00, #004A71, #3E2619)
• Aubergine Atelier color palette (#F7F6E8, #6A8549, #006841, #51327B, #34280A)
• Wandering Aubergine Quarry color palette (#FFF2E9, #C5856D, #65712A, #5C3886, #413C36)
• Hushed Bronze color palette (#EBE4D3, #817121, #32332C, #281D04, #110E06)
• Washed Aubergine Station color palette (#F2EECE, #4F6000, #00561C, #34007C, #201900)
• Misty Fern Ridge color palette (#EFF0D9, #2F6800, #004453, #54002E, #061800)
• Timeworn Fern Veranda color palette (#FFF0EE, #D2A47C, #88771C, #2E5E00, #004A34)
• Antique Aubergine color palette (#F3F9DF, #008831, #006162, #600066, #1E2900)

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