Softworn Lagoon color palette — #E7F5F4 · #8EBDBE · #13886F · #39596E · #152C2C

Fern takes the lead with Peacock close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#E7F5F4): bright and airy, almost weightless.
• Ash (#8EBDBE): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#13886F): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#39596E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#152C2C): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Weathered Olive color palette (#E9F5EF, #B1B88C, #697E42, #2F5D64, #172C25)
• Pine Delta color palette (#E2F7F3, #77AF84, #127750, #5E3949, #002220)
• Hushed Fern color palette (#F8F6E7, #95BB97, #45816F, #6B5257, #414700)
• Cerulean Basin color palette (#E9F4F3, #C1E1F8, #5495BF, #006A7D, #162E44)
• Softworn Teal color palette (#ECF8F3, #B5EFDE, #68AE96, #767291, #213F3B)
• Hushed Corridor color palette (#DDEEED, #218D63, #00503F, #3B2400, #000B05)
• Cypress Hollow color palette (#DAF5F5, #007A64, #00403A, #002135, #000402)
• Airy Moss Harbor color palette (#CEEEDA, #9F9A00, #576200, #6C1D2C, #181700)

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