Worn Lagoon color palette — #EAF5EF · #A3BC96 · #458466 · #3E5D4E · #0F2D28
Fern and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#EAF5EF): a clean, paper-quiet neutral.
- Sage (#A3BC96): A luminous, dusty green — the color of new leaves after rain.
- Fern (#458466): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#3E5D4E): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#0F2D28): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Worn 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 Balcony color palette (#EAF9F4, #9BBA8E, #518155, #416158, #304844)
- Timeworn Terrace color palette (#EBF4F2, #A1CDD0, #4D908F, #436A64, #233536)
- Muted Atelier color palette (#E7F6EE, #8AAB7C, #007752, #224C5D, #00221D)
- Feathered Teal color palette (#BAF1EE, #4AC0A1, #00918E, #005860, #003649)
- Timeworn Pine color palette (#D3E6DF, #528757, #00503F, #002F3B, #000A09)
- Rose Archive color palette (#E1F6FD, #2EB8BE, #D56477, #007377, #331E36)
- Hushed Cerulean Courtyard color palette (#E0F6FF, #64CCDF, #008D9B, #004954, #00181C)
- Bronze Harbor color palette (#FAF5E6, #ABD199, #649E81, #856F26, #464600)
Browse the whole catalog at Explore, or see today's palette.