Softworn Lagoon color palette — #FDF3EF · #D1EED5 · #5EB0D6 · #448C5F · #553F55

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

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Honeydew (#D1EED5): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#5EB0D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#448C5F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#553F55): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Patina Quarry color palette (#FBF4ED, #C3E5E9, #88A0EF, #188B8A, #5A3E4A)
• Washed Veranda color palette (#FFF2EE, #9CEBEC, #00ABD8, #008939, #244163)
• Aged Lagoon Field color palette (#FAF3F8, #D3D5E4, #8AC5DA, #579077, #284258)
• Ancient Boulevard color palette (#F0F8EA, #72CBB1, #AC8EFD, #009679, #443C60)
• Feathered Veranda color palette (#FFF2EA, #8ED7F0, #008FF4, #00745F, #292A64)
• Sapphire Alley color palette (#F8ECE2, #82BAD4, #2373D4, #005A4F, #1D1547)
• Tempered Ultramarine color palette (#F0E6DC, #5C98C9, #3C49B4, #003B3C, #0F0022)
• Misty Veranda color palette (#FFEBC7, #B6C66C, #62A034, #147C51, #3A5131)

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