Softworn Lagoon color palette — #FBF2F6 · #D8D4DF · #A5BBE6 · #47908A · #40395D

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

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Sky (#A5BBE6): A luminous, dusty violet — the color of wild irises.
• Fern (#47908A): A luminous, dusty teal — the color of sea glass.
• Navy (#40395D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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 Turquoise color palette (#F9F4EE, #C1E9EC, #92C1F8, #30A9BF, #5A3C55)
• Turquoise Cabin color palette (#FBF2FA, #D2D5E5, #57B4D2, #4A7C4F, #11304E)
• Wandering Blush Field color palette (#FCF1FF, #F69CB2, #4ABEBD, #3DA3A3, #342438)
• Tempered Delta color palette (#ECF4EE, #C4E0F8, #5C90CD, #006A7A, #1F2C42)
• Aged Cobalt color palette (#FBF4ED, #C0E6D7, #6889CA, #18706A, #5D3C4D)
• Weathered Denim color palette (#F6EAF1, #6BADC3, #005697, #002C23, #01000A)
• Quiet Cobalt color palette (#FFF0FC, #8CDBE5, #0084B8, #005434, #000432)
• Ultramarine Lantern color palette (#E8F1E6, #90BBE6, #545CB4, #003D40, #05000D)

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