Olive Lagoon color palette — #E1E0CD · #B49600 · #6A8500 · #006D54 · #000700

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

The five colors

• Bone (#E1E0CD): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#B49600): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#6A8500): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006D54): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Pine Grove color palette (#EBEFD6, #868C00, #008020, #005756, #000302)
• Misty Harbor color palette (#E7DECB, #E78200, #9C7B00, #247100, #040400)
• Airy Lime Delta color palette (#E5E9DC, #81B700, #009253, #00676F, #000704)
• Hushed Tangerine color palette (#B6EBDE, #EF8305, #698D00, #006971, #001F13)
• Weathered Fern color palette (#F3ECDF, #7F7C36, #384C00, #362700, #090800)
• Pale Moss Study color palette (#C6EAE0, #D9AA00, #7BAC00, #00916B, #061800)
• Timeworn Emerald color palette (#D7E6D0, #00964A, #00705F, #003D51, #000201)
• Lagoon Summit color palette (#EAEEDE, #568B5D, #006560, #3A2A4F, #21001D)

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