Olive Lagoon color palette — #FAF5E6 · #9BAB73 · #517629 · #545500 · #353F17

Built around Olive, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FAF5E6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BAB73): A luminous, dusty green — the color of fresh herbs.
• Olive (#517629): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#545500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#353F17): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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 Lantern color palette (#F4F7ED, #A7B596, #3D8271, #3C644A, #344B05)
• Worn Study color palette (#F2ECD0, #839D50, #356A00, #005127, #253400)
• Sunlit Emerald color palette (#E7FBED, #B0C57E, #3D9D52, #7C671C, #354014)
• Celadon Cabin color palette (#E0FDF0, #C2DA84, #8BB368, #8A8D57, #194338)
• Quiet Teal Pier color palette (#EAFCDE, #00AC8E, #A67400, #006C58, #4F3500)
• Faded Courtyard color palette (#DDF5E8, #00B891, #00806D, #005D56, #004544)
• Pale Veranda color palette (#D9F4D7, #009290, #0068ED, #4C6C00, #003938)
• Ancient Olive color palette (#EDE4CE, #6A712F, #2E3E00, #032B03, #0F1100)

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