Softworn Lagoon color palette — #F9F3F9 · #D3D5E4 · #89C5DE · #599166 · #29415D

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

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D3D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#89C5DE): A luminous, dusty blue — the color of open sky before noon.
• Fern (#599166): A luminous, balanced teal — the color of glacier melt.
• Navy (#29415D): 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

• Lagoon Hollow color palette (#FBF2F6, #D7D4DF, #BFBEE8, #669E95, #464C62)
• Weathered Drift color palette (#FBF2F8, #D5D4E2, #66AEE0, #337F61, #1F2B53)
• Tempered Cerulean Orchard color palette (#FBF3F0, #CAE5CA, #0598C0, #397044, #563E58)
• Pale Cerulean Alley color palette (#E7F9FF, #75E9F2, #F6A09D, #009CA6, #582727)
• Teal Grove color palette (#DEFFE3, #91F0D5, #00BAB3, #00819C, #203E59)
• Antique Turquoise color palette (#EAF8FF, #C8E1F4, #44AFC2, #006877, #00232D)
• Aqua Alley color palette (#E8F8FF, #5ECEDB, #E29281, #C47C6D, #0C303B)
• Wandering Petrol Boulevard color palette (#FAE8F6, #83C3CE, #006EA1, #00402A, #000016)

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