Worn Moss color palette — #F8F6E8 · #BDCC90 · #B8A6DE · #849549 · #663F51

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

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Pistachio (#BDCC90): A luminous, balanced green — the color of a quiet forest floor.
• Mauve (#B8A6DE): A luminous, balanced violet — the color of a velvet chair.
• Moss (#849549): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#663F51): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Worn 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

• Softworn Amber color palette (#FCF4EA, #E5BC8A, #93B3E2, #AF8349, #5B445B)
• Ancient Lagoon color palette (#F1F8EA, #92D5BB, #D79EB5, #579C83, #644341)
• Dusty Meadow color palette (#ECF9F3, #D5DB9C, #D9B6F8, #A9AF59, #4A4969)
• Tempered Drift color palette (#F9F5EA, #B7B283, #B187BC, #807400, #683F4A)
• Wandering Periwinkle Villa color palette (#F8F6E2, #A2BC7F, #75AADB, #B7818B, #43433C)
• Hushed Atelier color palette (#FFF2EA, #E0C5AC, #B3947F, #A26243, #624000)
• Patina Veranda color palette (#F7F6E4, #CDEAD0, #A3C4D6, #B7A77E, #4E4F00)
• Softworn Peony Corridor color palette (#E9F3DD, #58BE94, #CC71AE, #00865F, #502242)

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