Weathered Lagoon color palette — #F5F7E8 · #9AE2BE · #289E8C · #63645C · #222C11

Fern and Mint set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#F5F7E8): bright and airy, almost weightless.
• Mint (#9AE2BE): A whisper-light, balanced teal — the color of glacier melt.
• Fern (#289E8C): A luminous, balanced teal — the color of shallow lagoons.
• Graphite (#63645C): quiet, heavy and certain.
• Deep Forest (#222C11): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: 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

• Seafoam Meadow color palette (#F3F8E2, #5CF7C8, #00A89D, #2D7589, #003829)
• Worn Driftwood color palette (#FFF4E0, #D2D597, #7A9457, #436E57, #2E2711)
• Hazy Chartreuse color palette (#FBF6DC, #94D971, #009752, #00665F, #0F2503)
• Hushed Garden color palette (#FCF4E8, #BFE7F5, #6AB0D6, #007F7E, #00372E)
• Patina Harbor color palette (#F6F6E8, #A3D8BD, #61B0A9, #89883F, #2B3C00)
• Softworn Cypress Market color palette (#E8F5F2, #7DAC94, #00746E, #374F24, #002122)
• Frosted Aqua Bloom color palette (#D4FFFC, #00DAEB, #0098B1, #006B90, #032A45)
• Hushed Pine Atelier color palette (#E2E4CC, #238F5D, #00473A, #002024, #000201)

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