Weathered Lagoon color palette — #EBF8F6 · #9CBF9E · #568F6C · #6E6334 · #0F3D3A

Built around Fern, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF8F6): bright and airy, almost weightless.
• Sage (#9CBF9E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#568F6C): A luminous, balanced teal — the color of sea glass.
• Olive (#6E6334): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Teal (#0F3D3A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Aged Olive Study color palette (#EBFAEE, #BFB587, #87852E, #895438, #203C2D)
• Muted Market color palette (#E3FBF8, #86CDA4, #009E78, #2F7B3E, #08462B)
• Wandering Lagoon Boulevard color palette (#F6F7E3, #A6E1AE, #489D71, #66635C, #262A15)
• Wandering Olive color palette (#DCF1E8, #9BB671, #428C00, #596100, #243400)
• Timeworn Cypress Chapel color palette (#E6FBF4, #76A888, #007366, #5D3F59, #1B3C3B)
• Tempered Ash Drift color palette (#ECF8F4, #B5DAD3, #72A7A2, #5A887B, #36544E)
• Hushed Courtyard color palette (#D2FFE2, #87CBA2, #299E66, #005C32, #002715)
• Hushed Seafoam Study color palette (#F8F6E4, #92DEAB, #47B5A3, #8A817E, #343630)

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