Softworn Moss color palette — #ECF9F2 · #E9EAB4 · #CCC2FF · #A19F41 · #3E4464

Built around Moss, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Celadon Mist (#E9EAB4): A whisper-light, dusty green — the color of new leaves after rain.
• Lavender (#CCC2FF): A whisper-light, balanced violet — the color of wild irises.
• Moss (#A19F41): A luminous, balanced green — the color of fresh herbs.
• Navy (#3E4464): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Softworn Moss 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

• Muted Amber Meadow color palette (#FFF1F7, #EDDCBD, #AACFFD, #D08558, #304864)
• Muted Jade Coast color palette (#E6FAF9, #C2F4D2, #EFB8DB, #57AF7A, #5E3851)
• Hushed Driftwood Bloom color palette (#ECF9F2, #C0E4EC, #92B9A5, #678364, #2A4545)
• Hushed Cabin color palette (#EDF8F8, #E5D3CE, #5E937B, #21513D, #121E1E)
• Wandering Stone color palette (#E7FBF0, #C3E8F4, #E5B392, #B9BED0, #375651)
• Mustard Lantern color palette (#FAF6E2, #ADB864, #9292C9, #70783A, #604354)
• Tempered Field color palette (#E3FBF9, #A5DBB2, #9CBDED, #9997E8, #213E3D)
• Worn Plum color palette (#D4F6F8, #28BA8F, #AD348A, #005C44, #15000D)

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