Olive Lagoon color palette — #F5F3FF · #B57EB4 · #837E00 · #00685A · #1E2A3C
Olive Leaf and Dusty Rose set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F3FF): a clean, paper-quiet neutral.
- Dusty Rose (#B57EB4): A luminous, balanced pink — the color of peonies in June.
- Olive Leaf (#837E00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#00685A): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#1E2A3C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, 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
- Patina Bronze color palette (#F9F2FD, #D28CAA, #987D2B, #006C66, #34315D)
- Softworn Lagoon color palette (#F2F5FF, #8D84CE, #9F7028, #20713A, #142E3F)
- Muted Wisteria Ridge color palette (#FFF1F3, #D181E1, #928833, #16665A, #20141F)
- Patina Lagoon color palette (#FBF2FB, #D27F88, #45915F, #00617F, #25233B)
- Weathered Lagoon color palette (#FFF1F1, #ED92D9, #87A965, #6B8651, #192C24)
- Wandering Balcony color palette (#F4F4FF, #9363AC, #724F00, #004960, #292838)
- Misty Pine color palette (#E6FCEA, #D69EBB, #C06A62, #007745, #483450)
- Hazy Peony color palette (#F5EBFF, #E246AA, #4A6800, #005456, #170D43)
Browse the whole catalog at Explore, or see today's palette.