Olive Lagoon color palette — #FFF5D6 · #C4E8C0 · #A5B56C · #6F8C46 · #52534B
A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5D6): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#C4E8C0): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A5B56C): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#6F8C46): A luminous, balanced green — the color of new leaves after rain.
- Charcoal Brown (#52534B): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged light, 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
- Muted Canyon color palette (#DBFFEC, #B9BC6E, #808B47, #5B6C3D, #335750)
- Washed Moss color palette (#F6F6E8, #BBECD3, #89D8F9, #7DAA51, #2B4F3F)
- Antique Bronze color palette (#FFF3E8, #E6DCB8, #DAA666, #9B6F14, #4F4B44)
- Worn Lagoon Drift color palette (#F1FADA, #B6F0EC, #69C2A2, #1A977C, #3B5134)
- Hushed Olive color palette (#F5F9DA, #C9EAC7, #93BD85, #457433, #183315)
- Quiet Emerald Drift color palette (#C8F1BF, #73CD7A, #00974F, #005837, #002116)
- Emerald Courtyard color palette (#DFFFE3, #7DD19F, #00A478, #006C54, #00362D)
- Taupe Balcony color palette (#F6F7E3, #B6D8A0, #67CED2, #CA965F, #393932)
Browse the whole catalog at Explore, or see today's palette.