Olive Lagoon color palette — #F1EFDD · #538500 · #00512F · #002724 · #000507
Olive Leaf and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1EFDD): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#538500): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00512F): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Onyx (#002724): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000507): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Gentle Emerald color palette (#DBF6D9, #009849, #00583D, #002F25, #001816)
- Pine Drift color palette (#DCE6D4, #007442, #003F36, #001D22, #000204)
- Olive Grove color palette (#FFE4D1, #537000, #00463F, #3B0028, #000801)
- Ancient Moss color palette (#E7E8DA, #5FA100, #007853, #004541, #00171D)
- Bronze Lagoon color palette (#FFEAD9, #986D00, #474A00, #042701, #000703)
- Feathered Clover color palette (#B0F7AB, #00BB66, #00744F, #003327, #000706)
- Ancient Thicket color palette (#E4E3DD, #B0B6A1, #7F9579, #354C00, #0C0B02)
- Faded Lagoon color palette (#EFF5C0, #8ABE80, #009173, #004F54, #002534)
Browse the whole catalog at Explore, or see today's palette.