Softworn Lagoon color palette — #F8F5EA · #AFDEB1 · #2A9E8C · #66663B · #272A0F

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

The five colors

• Ivory (#F8F5EA): bright and airy, almost weightless.
• Pistachio (#AFDEB1): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#2A9E8C): A luminous, balanced teal — the color of glacier melt.
• Olive (#66663B): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#272A0F): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Emerald Orchard color palette (#FCF4EA, #D1D59F, #569D5B, #336D74, #2F270B)
• Weathered Turquoise Pier color palette (#F6F6E7, #B9F5DC, #46AFB7, #7E7930, #2A4100)
• Softworn Seafoam Loft color palette (#E3FCF4, #A0DBA5, #62B391, #678D83, #193C39)
• Muted Mint color palette (#FBF6E0, #85CF97, #00897E, #21557E, #161B00)
• Weathered Fern color palette (#F2F3E2, #87AB8A, #377351, #4A4A00, #1B1E04)
• Turquoise Ridge color palette (#FEF2EE, #BDEBF6, #53B2E0, #288153, #3E233D)
• Olive Delta color palette (#EBE1CD, #638738, #004831, #001F2A, #010200)
• Feathered Seafoam color palette (#DEFFE5, #35DEC4, #00A8AE, #00617C, #0F3055)

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