Weathered Lagoon color palette — #F7F6E9 · #B0BA95 · #249381 · #206D87 · #343630

Fern takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#B0BA95): A luminous, dusty green — the color of new leaves after rain.
• Fern (#249381): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#206D87): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#343630): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, 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

• Worn Lagoon color palette (#FAF5E9, #ABBC91, #4F9162, #6B578F, #36362F)
• Hushed Lagoon Ridge color palette (#E9FAF4, #9CE3B4, #339D8D, #436880, #0F2D2D)
• Timeworn Cypress color palette (#E5FAF9, #6FA992, #007362, #25525E, #183C3E)
• Azure Delta color palette (#FBF3EE, #BBDECD, #5E9AD6, #007C79, #2B3765)
• Dusty Hollow color palette (#F7EAD0, #9DB758, #1B9B43, #5C349F, #283300)
• Hushed Courtyard color palette (#F8F5ED, #D3D4B4, #93A27C, #94727D, #515000)
• Tempered Cabin color palette (#F4F0DD, #4E834F, #00523F, #440952, #000901)
• Navy Hollow color palette (#F6E7DA, #A5905C, #606700, #1A408A, #231900)

Browse the whole catalog at Explore, or see today's palette.