Weathered Lagoon color palette — #EDEDDC · #87B48F · #009571 · #007277 · #00220A
Fern and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EDEDDC): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#87B48F): A luminous, dusty green — the color of fresh herbs.
- Fern (#009571): A full-bodied, balanced teal — the color of shallow lagoons.
- Teal (#007277): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#00220A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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
- Olive Alley color palette (#EADFC9, #A8AC6F, #628F24, #006D94, #1B1D00)
- Muted Lagoon color palette (#EEE5D0, #809C6E, #007256, #004C66, #0D2000)
- Dusty Azure Corridor color palette (#E8DFD2, #A4CAB3, #009FD5, #007D7A, #00213B)
- Chalky Teal color palette (#E5E6D5, #95C8A8, #10A88C, #656DB6, #01321B)
- Washed Moss color palette (#F5EAD6, #C0C86F, #6FAB1E, #0085B6, #2E3100)
- Dusty Cabin color palette (#CCEDE4, #318D4D, #00503B, #003133, #000A09)
- Ember Hollow color palette (#E8E7F9, #897AE3, #CF5C00, #008A68, #130238)
- Hushed Fern Coast color palette (#F5F7E8, #CDDCB5, #7DBAAD, #589CA9, #374A00)
Browse the whole catalog at Explore, or see today's palette.