Worn Moss color palette — #F8F6E8 · #D1E3D3 · #A7B7CE · #8A9B4D · #37352A

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

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Celadon Mist (#D1E3D3): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#A7B7CE): A luminous, dusty blue — the color of deep harbor water.
• Moss (#8A9B4D): A luminous, balanced green — the color of fresh herbs.
• Espresso (#37352A): quiet, heavy and certain.

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

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

• Teal Grove color palette (#F2F7ED, #CAE7DF, #A2BECA, #48A686, #273D00)
• Olive Corridor color palette (#F6F6ED, #D1E5D7, #ADCDC1, #638243, #201F10)
• Ash Coast color palette (#F1F7F1, #D1DEDD, #BCB0A8, #87ACA2, #4A4F4A)
• Patina Olive color palette (#EEF8F4, #CEDCE1, #A5C3C3, #5B7600, #30453F)
• Abyss Orchard color palette (#E1E9E3, #A6C2B7, #A2899E, #00444C, #000200)
• Tempered Chapel color palette (#EDFEC4, #98F4C7, #5DADB9, #956069, #603A32)
• Airy Emerald color palette (#FDF4E1, #C3E97E, #40AA64, #766B3B, #27330D)
• Sunlit Pier color palette (#F4FAD4, #B1FFAB, #BFE0CA, #00C5CE, #002A17)

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