Softworn Lagoon color palette — #FBF3F0 · #BBEAF2 · #78C6EA · #539267 · #4C374C

A conversation between Fern and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Frost (#BBEAF2): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#78C6EA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#539267): A luminous, balanced teal — the color of sea glass.
• Charcoal (#4C374C): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Hollow color palette (#EFF8F0, #CBE2FC, #72CDE2, #6CA596, #314B5D)
• Aged Periwinkle color palette (#FCF3EE, #BFE8F5, #57ADF2, #008264, #3E2438)
• Softworn Pine Study color palette (#FFF2EE, #CFDFF6, #00C0EF, #008F35, #0B3660)
• Tempered Cypress Cabin color palette (#FCF2F9, #C4E2EC, #4896AF, #247254, #2B4B66)
• Faded Mint color palette (#FFF1F4, #DCA0F1, #39C597, #40A783, #3C2229)
• Muted Villa color palette (#FFF1F4, #E3D9D2, #9FB1AF, #A298C4, #5F4445)
• Hushed Lagoon color palette (#F2F3E9, #C9E5CC, #5A99A2, #0F6D65, #133422)
• Hushed Atelier color palette (#FAEAE3, #7EC3D0, #006EA1, #00402A, #000016)

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