Timeworn Lagoon color palette — #F1F4E7 · #87C3A2 · #3A856D · #3E5D4E · #242A1A

Built around Fern, softened by Mint Leaf — the whole palette hums with calm and sophistication.

The five colors

• Cream (#F1F4E7): bright and airy, almost weightless.
• Mint Leaf (#87C3A2): A luminous, dusty teal — the color of glacier melt.
• Fern (#3A856D): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#3E5D4E): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#242A1A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Timeworn 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

• Antique Cypress color palette (#F2F4E2, #79AF82, #2C7451, #4B4540, #1B1E07)
• Stone Quarry color palette (#F9F1E1, #BBB67B, #747A45, #6C4C43, #2D2717)
• Antique Stone Pier color palette (#E6FAF5, #92BB9C, #467E82, #4C5A75, #234A48)
• Cerulean Loft color palette (#F1F3EB, #BBE8D4, #5795BC, #1F6879, #10332B)
• Basalt Terrace color palette (#FBF4E7, #C6C7A4, #609E86, #8A6865, #474500)
• Pine Harbor color palette (#E4E8D9, #008F5D, #00503D, #3C2400, #000B04)
• Shadow Cypress color palette (#DBE6C9, #007A5F, #004037, #002133, #000402)
• Worn Pier color palette (#E1DFCA, #6C9D5B, #14662B, #562C11, #041700)

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