Softworn Moss color palette — #F5F3DF · #88A943 · #5A5D0E · #393831 · #23221C

A conversation between Moss and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F3DF): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#88A943): A luminous, balanced green — the color of fresh herbs.
• Olive (#5A5D0E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#393831): quiet, heavy and certain.
• Onyx (#23221C): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Aged Grove color palette (#FCF0DF, #CD8D00, #725200, #3C3731, #25211D)
• Teal Market color palette (#EBF6E4, #26B494, #4F5D4C, #343A2F, #20231C)
• Timeworn Stone Pier color palette (#E8F5F1, #AAC17C, #65827F, #445A53, #1B241F)
• Dusty Olive Hollow color palette (#F4F3E2, #6F8837, #394200, #2A291E, #141610)
• Tempered Mint color palette (#ECFBE2, #54C9AB, #69ADDB, #9F9268, #3C4634)
• Midnight Lantern color palette (#DBE5C7, #008754, #003D2F, #121902, #040501)
• Hushed Bronze Balcony color palette (#F3F7E9, #C7D8B2, #6DA999, #8D7D34, #3F5614)
• Hushed Harbor color palette (#F2F8E9, #8BD7B1, #92B3E4, #599D7C, #5A4559)

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