Softworn Lagoon color palette — #F7F0EC · #D9D9CE · #B9C2AC · #99684A · #332A24

Walnut and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7F0EC): bright and airy, almost weightless.
• Bone (#D9D9CE): a clean, paper-quiet neutral.
• Stone (#B9C2AC): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#99684A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#332A24): quiet, heavy and certain.

Feels like: Optimism, 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

• Wandering Bronze Courtyard color palette (#FBF4EE, #DCDBD0, #C1C2AE, #906B4D, #4E463F)
• Fern Lagoon color palette (#F2F2EB, #CFD9D1, #AABEA5, #586D3A, #222117)
• Aged Pewter color palette (#FEE0CF, #C6B093, #8C8A65, #754F60, #4C2C31)
• Moonless Bronze color palette (#E5DDD1, #966D00, #32312A, #1C1408, #0A0502)
• Wandering Pine color palette (#F5F2E9, #A3BD8E, #38875D, #704944, #292911)
• Muted Harbor color palette (#F0EAE4, #A89F8C, #887D34, #512C00, #090300)
• Aged Coast color palette (#FAF3F6, #CCDADC, #B7BAC5, #C79064, #473C40)
• Powdered Olive Courtyard color palette (#FFEFDA, #D18764, #756E00, #3C3D7E, #301F09)

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