Softworn Moss color palette — #F7F6E7 · #93AD5E · #6C80B0 · #855C74 · #39332E

Moss and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Moss (#93AD5E): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#6C80B0): A luminous, dusty violet — the color of a velvet chair.
• Graphite (#855C74): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#39332E): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Timeworn Marigold Lantern color palette (#FEF3E7, #CDA159, #418FA2, #805A70, #42332F)
• Wandering Pier color palette (#F3F7E8, #7EC491, #6292B5, #885B61, #623600)
• Tempered Teal color palette (#F2F7EE, #00BB9C, #977BB0, #6E6562, #35332D)
• Lagoon Thicket color palette (#F3F7EE, #5B9E7F, #2D6C8B, #693E5E, #39362F)
• Muted Pewter color palette (#FBF2F6, #E5B193, #9388C8, #92528C, #322331)
• Worn Driftwood color palette (#EDF8F6, #A8CDA4, #62AFDB, #B26C95, #1F372F)
• Clover Market color palette (#F3F9DE, #29B74D, #6B4AC6, #8F2F50, #312103)
• Byzantium Field color palette (#EEFAE4, #009C7E, #8852AA, #823633, #241E08)

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