Weathered Lagoon color palette — #FAF092 · #80B841 · #008553 · #00524E · #16354F
Clover and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Butter (#FAF092): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#80B841): A luminous, vivid green — the color of fresh herbs.
- Fern (#008553): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#16354F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Pale Jade color palette (#E1F2D4, #53AF77, #007667, #004850, #00314B)
- Weathered Grove color palette (#D9FD8F, #95E285, #00C289, #008C7A, #003E43)
- Misty Cabin color palette (#FFE2BA, #B9A600, #507E00, #00562B, #00433A)
- Wandering Mint color palette (#C0FFB2, #00DD79, #00A06C, #00725B, #004139)
- Clover Studio color palette (#F1FAD9, #ECD300, #00C671, #008AA2, #003F2D)
- Hushed Courtyard color palette (#E8F4E4, #009868, #00504E, #002934, #001528)
- Linen Lantern color palette (#D2FFDA, #69C2AA, #00878D, #00587C, #0D3B75)
- Linen Canyon color palette (#FFF2E9, #719D00, #006F66, #790A5B, #193F21)
Browse the whole catalog at Explore, or see today's palette.