Olive Lagoon color palette — #FFEFE1 · #D0B082 · #9E8034 · #706710 · #504F47

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

The five colors

• Cream (#FFEFE1): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#D0B082): A luminous, dusty gold — the color of old brass.
• Caramel (#9E8034): A luminous, balanced gold — the color of old brass.
• Olive (#706710): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#504F47): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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

• Timeworn Pine color palette (#FEF5D8, #A6B687, #6E9658, #367746, #4E514A)
• Worn Marigold Field color palette (#FFF0F9, #F4BF8D, #C09B36, #778144, #325651)
• Chestnut Balcony color palette (#FFF2EE, #E0A59B, #B16B54, #914E1C, #57514C)
• Hushed Fern color palette (#FEF5DB, #C9C99A, #7C8240, #585400, #39370C)
• Misty Mustard color palette (#F9ECD0, #BDA114, #797D00, #445D00, #194E01)
• Tempered Corridor color palette (#FCF5E1, #A09A63, #4B94AE, #A25A87, #45423B)
• Smoked Bloom color palette (#F0DEC5, #7D6000, #413800, #161700, #000702)
• Pine Lantern color palette (#DDE6DA, #007D44, #004B33, #002A22, #001413)

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