Worn Lagoon color palette — #FBF3F0 · #CCEFD3 · #68AED4 · #438B64 · #573E55

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#CCEFD3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#68AED4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#438B64): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#573E55): A full-bodied, 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 Worn 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 Periwinkle Alley color palette (#F9F4EF, #BDE9EE, #8D9FED, #0B8C8E, #5E3C4A)
• Softworn Courtyard color palette (#FDF3EF, #91EDEF, #00ABD9, #268645, #1F4169)
• Worn Lagoon color palette (#FBF2F8, #D4D4E3, #85C5E0, #469378, #26415C)
• Softworn Periwinkle color palette (#FBF5E6, #CAB864, #72A5F5, #948000, #2C4366)
• Misty Cobalt Terrace color palette (#F6ECE7, #A9CFB3, #0090CD, #007049, #1B2B54)
• Pale Petrol color palette (#F9E6DC, #5AAFC5, #006BAA, #004C39, #0A093D)
• Patina Garden color palette (#EDE4DE, #73BCDF, #036BEF, #005A51, #1F1347)
• Washed Ultramarine Meadow color palette (#EADFD2, #5F98CA, #4043BE, #003B3D, #100021)

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