Softworn Lagoon color palette — #F2F2EB · #C0C8A3 · #5A9173 · #506859 · #30322B

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

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Pistachio (#C0C8A3): A luminous, dusty green — the color of new leaves after rain.
• Fern (#5A9173): A luminous, dusty teal — the color of sea glass.
• Graphite (#506859): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#30322B): a grounded near-black with real depth.

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

• Hushed Chestnut Parlor color palette (#F5F1E9, #CEC39E, #7E895B, #8E4D35, #33312A)
• Weathered Lagoon color palette (#EFF8F3, #9ECCC1, #628C73, #63647A, #3B534D)
• Turquoise Harbor color palette (#F1F3EC, #C6E1DE, #61A7C2, #32777D, #253C33)
• Frosted Quarry color palette (#E5E8C7, #5FA86D, #006D44, #5D3200, #001C06)
• Antique Teal Alley color palette (#EEF5E4, #63BBA0, #007C6F, #115274, #172606)
• Washed Fern color palette (#F0E9DC, #959145, #535B00, #57282E, #181100)
• Lowlit Olive color palette (#E4E3CD, #3D7922, #004314, #351300, #010400)
• Washed Ridge color palette (#F8F5EE, #BDE3D4, #8ABC9C, #987D87, #4C4800)

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