Olive Lagoon color palette — #F6F6E8 · #4A881B · #4C5997 · #642A4C · #33281A
A conversation between Olive Leaf and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6E8): bright and airy, almost weightless.
- Olive Leaf (#4A881B): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#4C5997): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#642A4C): A deep, shadowed, balanced rose — the color of strawberry cream.
- Espresso (#33281A): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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 Cabin color palette (#FAF5E5, #887A00, #006094, #512F55, #322319)
- Weathered Lagoon Courtyard color palette (#F0F9E6, #009771, #694789, #65312F, #322B16)
- Aged Lagoon color palette (#F2F8EA, #1DA074, #336798, #66325C, #522E0C)
- Timeworn Lagoon Lantern color palette (#EAF6E7, #008D78, #00657D, #5C295A, #1A1000)
- Worn Teal color palette (#E5FAFD, #35AE95, #3289A8, #7A477E, #183023)
- Misty Pier color palette (#E3FDEC, #007086, #861E58, #482D00, #1A2008)
- Aged Pewter Cabin color palette (#F4F6EE, #D2DFD8, #B5C4BE, #5A7F61, #47493F)
- Tempered Aubergine color palette (#E6F4CE, #006A44, #50009D, #60001C, #1C1500)
Browse the whole catalog at Explore, or see today's palette.