Weathered Lagoon color palette — #EAFAF1 · #A0C0B5 · #5F8C76 · #44674D · #374D48

Fern and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#A0C0B5): A luminous, dusty teal — the color of sea glass.
• Fern (#5F8C76): A luminous, dusty teal — the color of sea glass.
• Pine (#44674D): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#374D48): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Dusty Chestnut color palette (#EDF9EC, #A7BFAD, #977B58, #7C5338, #3B4C43)
• Dusty Veranda color palette (#F0F7F2, #A7CAB2, #2A9174, #846A00, #213132)
• Washed Fern Coast color palette (#FCF5E2, #D4E0B1, #BCB889, #9F9078, #4C4B00)
• Muted Market color palette (#EEF8F0, #A68D58, #5486A3, #68518E, #2F4333)
• Worn Chestnut color palette (#DEECDF, #A59666, #815C14, #663600, #12382A)
• Bronze Hollow color palette (#DEF4E4, #7E7837, #564200, #3A2200, #141900)
• Marigold Workshop color palette (#DCE3FF, #7FE9BF, #FAAC3F, #354F47, #30362F)
• Airy Thicket color palette (#FDCFE5, #B9803F, #8E4300, #701500, #372500)

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