Weathered Lagoon color palette — #F8F6E7 · #A4AD83 · #488571 · #245F86 · #3F4F03
A conversation between Deep Olive and Peacock, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Sage (#A4AD83): A luminous, dusty green — the color of fresh herbs.
- Fern (#488571): A full-bodied, dusty teal — the color of glacier melt.
- Peacock (#245F86): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#3F4F03): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Weathered 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
- Dusty Alley color palette (#F4F7E9, #7AB4B5, #398297, #5A5085, #394E3E)
- Aged Celadon Lagoon color palette (#E4FCF1, #ABE29A, #86BCA0, #6C91AB, #374C4A)
- Tempered Delta color palette (#FFF0F7, #B6C687, #33A792, #88607C, #374D4A)
- Lagoon Alley color palette (#FEEFE3, #A4B474, #1D8B78, #6E4060, #2C2E1C)
- Weathered Pier color palette (#F8F5EB, #C4C2A8, #6F8A64, #756618, #554F00)
- Airy Nightshade Station color palette (#F7F8D9, #00A384, #006E6E, #1227B9, #003F37)
- Petrol Field color palette (#F4F6F0, #CAE2E5, #AB8EAD, #3C7692, #624960)
- Soft Navy color palette (#E0E1BE, #008B78, #00585C, #1D1B88, #002B28)
Browse the whole catalog at Explore, or see today's palette.