Weathered Moss color palette — #F8F5EC · #D6E0D3 · #B9C5D1 · #9C9539 · #37352E

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

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Bone (#D6E0D3): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#B9C5D1): A luminous, dusty blue — the color of open sky before noon.
• Moss (#9C9539): A luminous, balanced green — the color of a quiet forest floor.
• Espresso (#37352E): quiet, heavy and certain.

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

Use it as a design system

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

• Wandering Canyon color palette (#F4F6EF, #D4DDD9, #9FAEBC, #79AC83, #3E4039)
• Ancient Amber Grove color palette (#FAF4EF, #CEDCCC, #99AFC8, #C77E43, #502A00)
• Aged Olive Courtyard color palette (#F7F5EB, #D4E0D4, #A8D0BC, #737D2E, #211E11)
• Patina Quarry color palette (#EDF8F3, #CADEE1, #A9C2C0, #6E6F20, #31453C)
• Dusty Lagoon color palette (#F3F7EF, #C1DEE3, #BFB1C1, #009474, #1F2815)
• Washed Market color palette (#FDF4E7, #DADF90, #66A54E, #846526, #302E28)
• Forest Delta color palette (#ECF0E5, #C6D5C4, #89B19A, #005D3B, #020300)
• Tempered Abyss Market color palette (#E2E8E2, #ABC1B5, #A486A7, #004545, #000200)

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