Softworn Lagoon color palette — #DDE1D8 · #B5C3C0 · #8CAFB3 · #009770 · #1A220F

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Bone (#DDE1D8): a clean, paper-quiet neutral.
• Stone (#B5C3C0): a calm mid-gray that lets other colors speak.
• Ash (#8CAFB3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#009770): A luminous, balanced teal — the color of shallow lagoons.
• Onyx (#1A220F): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Timeworn Lagoon color palette (#E7EEE8, #AEC5C7, #CBA7AD, #009296, #122414)
• Hushed Moss color palette (#E8E6DF, #B9C3BB, #8CB2A7, #798A00, #231F0B)
• Aged Cypress color palette (#E5F0F1, #B9C7CB, #8FA9B5, #00715A, #082426)
• Washed Bronze Orchard color palette (#E6ECCA, #A4A984, #4495A9, #8B6200, #252800)
• Aged Grove color palette (#DDEAEA, #A3B7BE, #7D90A0, #005138, #000E0F)
• Aged Teal color palette (#F0F8F0, #C3E1E3, #E9C3DE, #00ADB2, #203A23)
• Weathered Olive color palette (#FDECDF, #BBA46F, #73892F, #007468, #231900)
• Worn Summit color palette (#E1E8E4, #AB9EA2, #A68180, #006F86, #000D05)

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