Olive Lagoon color palette — #FFF3E7 · #D8C09E · #9D9277 · #617837 · #3D544A

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sand (#D8C09E): A luminous, dusty gold — the color of old brass.
• Caramel (#9D9277): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#617837): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#3D544A): 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

• Washed Villa color palette (#FFE8D2, #E9B26C, #A5803C, #726135, #4C4D46)
• Antique Stone Lantern color palette (#FFEEE4, #D4BEA6, #A19983, #607267, #473647)
• Weathered Workshop color palette (#FDF4E3, #C6AE69, #54A9A2, #82713F, #40533C)
• Dusty Drift color palette (#FAF7D4, #A1C49F, #728948, #4C695B, #285257)
• Dusty Taupe Canyon color palette (#F9F0D0, #9A9B58, #607645, #354E33, #023934)
• Oat Workshop color palette (#FFF0FA, #E2C7D0, #99AEA3, #728591, #455261)
• Dusty Veranda color palette (#E6ECCA, #708E5C, #216539, #05434F, #182646)
• Airy Parlor color palette (#DFEADC, #00AF71, #348272, #2A536F, #5A350D)

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