Olive Lagoon color palette — #FFF1F4 · #D2B8B7 · #A98E87 · #7A782E · #3A5245

A conversation between Walnut and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Stone (#D2B8B7): A luminous, dusty orange — the color of autumn markets.
• Heather (#A98E87): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#7A782E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#3A5245): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Olive 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

• Weathered Pewter Lagoon color palette (#DFF8F1, #DAC1CC, #AC8E87, #556F5E, #314337)
• Patina Grove color palette (#FFF2ED, #CCB4A2, #A37E3C, #557057, #325859)
• Taupe Dune color palette (#FFE9E0, #BC9259, #747139, #005469, #193C67)
• Wandering Bloom color palette (#F2E3E9, #B98788, #945E3E, #3B520E, #233D26)
• Patina Lagoon color palette (#F0F5FF, #CBD7EC, #A8A6BA, #5A888D, #3A5468)
• Hushed Fern color palette (#F5F6EA, #BBC6A9, #578D82, #735F6B, #425510)
• Driftwood Courtyard color palette (#FFF2EF, #C6818D, #789458, #567A9D, #553B35)
• Dusty Pewter Canyon color palette (#FFF2EF, #D79DAC, #62A896, #9C5C6E, #425336)

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