Softworn Lagoon color palette — #FBF2F8 · #D2D5E5 · #7FC7DA · #4C936D · #244259

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Silver (#D2D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#7FC7DA): A luminous, dusty blue — the color of deep harbor water.
• Fern (#4C936D): A luminous, balanced teal — the color of sea glass.
• Navy (#244259): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Lagoon color palette (#FAF3F7, #D7D4E0, #BBC1EE, #5BA09B, #404E65)
• Softworn Cypress color palette (#FAF3F8, #D5D4E2, #67B0D5, #10816A, #0E2F53)
• Timeworn Teal color palette (#F6F6EE, #C8E3DA, #83CCD0, #00B099, #2D5139)
• Hushed Field color palette (#F6EAF3, #79C5CD, #007292, #00402E, #000308)
• Wandering Mallow Meadow color palette (#F6F3FF, #DDA4DD, #8BB982, #60A374, #2D2542)
• Cobalt Basin color palette (#FFF0F9, #90D8F1, #2381BF, #00524B, #010039)
• Taupe Summit color palette (#EAFAF1, #D3E5B9, #A5A06B, #557458, #163835)
• Ash Atelier color palette (#F5F3FF, #E9DBD9, #ACB3A9, #9F9CC7, #4E455F)

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