Softworn Lagoon color palette — #E9F5EF · #89C0B9 · #248677 · #5A4E6D · #102D2A

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

The five colors

• Cream (#E9F5EF): a clean, paper-quiet neutral.
• Mint Leaf (#89C0B9): A luminous, dusty teal — the color of glacier melt.
• Fern (#248677): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5A4E6D): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#102D2A): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Dusty Harbor color palette (#FAEEF2, #BCB588, #617F4D, #6E4858, #152D21)
• Weathered Field color palette (#E5F7EE, #87AB86, #007565, #4B481E, #00221F)
• Washed Iris color palette (#F7EFF2, #C7E0F6, #7389D4, #006C6C, #272945)
• Wandering Basalt Atelier color palette (#F9F5E9, #A8D1A6, #599E8F, #86696C, #424700)
• Faded Jade Balcony color palette (#CBEEE4, #00AF81, #00686D, #652241, #001C11)
• Ancient Pine color palette (#D3EEE3, #3E8A5C, #004F4B, #282D00, #000B03)
• Pine Villa color palette (#D1FCF4, #9AC48C, #2D893E, #0E5218, #001A02)
• Wandering Bronze color palette (#E2F8F1, #BEDFF1, #A9C1F0, #9A7B44, #193431)

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