Softworn Lagoon color palette — #FAF3F7 · #D8D5E5 · #93B5D8 · #569483 · #4A5267

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D8D5E5): A whisper-light, dusty violet — the color of wild irises.
• Sky (#93B5D8): A luminous, dusty blue — the color of open sky before noon.
• Fern (#569483): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4A5267): A full-bodied, dusty violet — the color of wild irises.

Feels like: 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

• Powder Study color palette (#F1F7F2, #D7DFED, #93CFF4, #61B1B2, #465464)
• Lagoon Dune color palette (#F2F5FF, #B2A9DF, #A6AA68, #6A9966, #3C4158)
• Hushed Cypress Drift color palette (#F8F5EF, #CDE2E1, #6EA0BF, #227D7E, #604963)
• Hushed Lilac Hollow color palette (#ECF7FF, #9EC7F2, #9898D9, #826FA0, #514B67)
• Weathered Ultramarine color palette (#F5E4EB, #68AAD3, #4060B5, #004A47, #1A003C)
• Worn Iris color palette (#F2F5FF, #C1BEED, #BCB472, #8984C0, #355545)
• Softworn Taupe color palette (#FEF1F5, #B6D3C1, #B58F9B, #856B7E, #354E47)
• Misty Field color palette (#FFF1F5, #A6CFF9, #767EED, #007177, #40205D)

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