Olive Lagoon color palette — #F2F0DA · #788541 · #5C5400 · #3F2D00 · #050F00

A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F0DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#788541): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#5C5400): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3F2D00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#050F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Antique Bronze Lantern color palette (#F2E7DC, #A17415, #774500, #521F00, #0F0B00)
• Softworn Moss color palette (#ECE5D3, #808F35, #564F00, #2D1F00, #000200)
• Olive Alley color palette (#D5F3E2, #53732D, #403900, #2B1700, #000F06)
• Wandering Bronze Lagoon color palette (#D8E8DC, #A7A164, #8B6D19, #694412, #002C21)
• Terracotta Veranda color palette (#EDD8E5, #B97C51, #9C401C, #6B1D21, #221200)
• Tempered Terrace color palette (#CAEBFC, #A57C00, #003F4C, #001218, #000203)
• Mulberry Dune color palette (#CFF0FD, #006B87, #9D002A, #4B2E00, #000509)
• Hushed Bronze Veranda color palette (#E0F5E1, #C9B370, #B07A11, #865225, #153E2E)

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