Softworn Lagoon color palette — #F8F5EF · #CAE7E3 · #87BACF · #31988F · #2E5348

Fern takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CAE7E3): A whisper-light, dusty teal — the color of sea glass.
• Ash (#87BACF): A luminous, dusty blue — the color of open sky before noon.
• Fern (#31988F): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#2E5348): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, 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

• Softworn Cerulean color palette (#F8F5EE, #CBE7EB, #96B3DD, #4093A8, #614A5B)
• Tempered Petrol Atelier color palette (#F4EEE4, #97BC9F, #00819F, #005A4F, #002234)
• Petrol Field color palette (#F3EADD, #73AAC4, #006CA7, #00494E, #001233)
• Cypress Archive color palette (#EFFAE2, #CADDB5, #5EAC93, #147C5D, #004436)
• Antique Emerald Dune color palette (#F4F7ED, #9ED3AF, #D89BC3, #37A367, #694042)
• Lilac Ridge color palette (#F2F8E8, #87C0A3, #9B9DE1, #C27F65, #41443D)
• Cobalt Courtyard color palette (#F3EEE5, #A0D0C2, #5786D0, #00697F, #21275B)
• Muted Azure color palette (#FBF4EA, #BAE7D4, #42A1F3, #00808E, #203C78)

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