Softworn Lagoon color palette — #F4F8E0 · #89CBAE · #009B8C · #247485 · #2E4200

A conversation between Fern and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#89CBAE): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#009B8C): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#247485): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Olive (#2E4200): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Weathered Market color palette (#FEF5D9, #A9C77E, #539957, #3A6D9A, #304114)
• Linen Atelier color palette (#EBEFCA, #64C094, #008B78, #515296, #003823)
• Washed Teal Alley color palette (#E2FCF8, #9FECCA, #00A998, #14778A, #003638)
• Antique Teal color palette (#E6FBF2, #9DE1AE, #00BEB0, #628DB4, #144341)
• Hushed Ridge color palette (#EEE3D1, #ABA86B, #667B38, #0E5E78, #332802)
• Dusty Azure Thicket color palette (#FCF4E7, #B0E3FF, #55A1E4, #00818D, #223E72)
• Hushed Cocoa color palette (#F9F4ED, #DBD0B6, #A39D77, #917382, #604A00)
• Chalky Emerald color palette (#F0F0DF, #419859, #006249, #253369, #001505)

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