Olive Lagoon color palette — #F6EDDA · #87811A · #605200 · #3E2E00 · #0B0D00

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

The five colors

• Cream (#F6EDDA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive Leaf (#87811A): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#605200): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3E2E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#0B0D00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Chestnut Hollow color palette (#EAE0CC, #968F4C, #725F00, #4F3900, #171800)
• Muted Driftwood Grove color palette (#E7E0D3, #7B8F4B, #5D4C00, #351900, #000200)
• Dusty Market color palette (#FCE6D6, #AE6B31, #833B00, #571900, #140800)
• Faded Lime Basin color palette (#E7DEBF, #9DB127, #7D7D00, #5F5300, #202F00)
• Tempered Study color palette (#F4E6D1, #BFAD74, #9D7A2B, #785217, #33302A)
• Chestnut Thicket color palette (#F7EBD7, #705800, #004732, #00292D, #000206)
• Washed Fern Lagoon color palette (#FCE1CC, #924A00, #266200, #004030, #0B0300)
• Worn Crimson Lantern color palette (#EFDBD5, #DB4850, #764600, #85001B, #040100)

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