Weathered Lagoon color palette — #F0FBD4 · #A1F9CD · #69BEA0 · #50897B · #3C4D37
Mint takes the lead with Mint Leaf close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F0FBD4): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#A1F9CD): A whisper-light, balanced teal — the color of sea glass.
- Mint Leaf (#69BEA0): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#50897B): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#3C4D37): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Calm, Balance. Tagged light, muted, 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
- Tempered Mint color palette (#F4FAD1, #A4E4BF, #78CCB3, #5AA499, #3E583E)
- Tempered Aqua Courtyard color palette (#E3FEDE, #C9EEFF, #5CC8CE, #3D828E, #365040)
- Celadon Pier color palette (#FFF5D4, #DEEB96, #A7BE78, #6E8156, #4A4B43)
- Tempered Lagoon color palette (#CEF8F3, #94C6AB, #449E85, #00645A, #13404B)
- Wandering Boulevard color palette (#EDFAE8, #93FCEA, #BEC8FE, #57AB9D, #553E4E)
- Teal Orchard color palette (#A4FFF9, #00BFC1, #008E9A, #005964, #00252F)
- Weathered Seafoam Harbor color palette (#E8FCE6, #6EE2DB, #95BDF4, #99AA7B, #313C2F)
- Dusty Aqua Atelier color palette (#DAFDFF, #14E0F4, #0097B1, #006D87, #003445)
Browse the whole catalog at Explore, or see today's palette.