Softworn Lagoon color palette — #F9F4EE · #C8EAD1 · #66BFDE · #00A292 · #123F58

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Celadon Mist (#C8EAD1): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#66BFDE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A292): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#123F58): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Hushed Turquoise Basin color palette (#F9F4EE, #C3E7E7, #95C3EB, #00ACBA, #573E56)
• Periwinkle Alley color palette (#F3EEE5, #B7DDCE, #6DA9E8, #008EA1, #152960)
• Airy Veranda color palette (#FFE9DF, #F8A696, #2FC3E3, #E95E45, #003D49)
• Muted Petrol Corridor color palette (#F4EEE6, #70ABB9, #007FA7, #005E59, #000A16)
• Wandering Cerulean color palette (#EBF5ED, #94D4DE, #3587A2, #005C53, #032338)
• Powdered Cobalt color palette (#F4EADB, #83B7DD, #4383D7, #006A7D, #070840)
• Wandering Hollow color palette (#F0E7D4, #C0C69A, #AA9F5B, #9C7100, #31312A)
• Wandering Jade Balcony color palette (#FDDDCC, #EB9478, #28C180, #848AEB, #41220E)

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