Weathered Taupe color palette — #FCF3ED · #DFE2BB · #97A666 · #946875 · #3C3831

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

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Celadon Mist (#DFE2BB): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#97A666): A luminous, balanced green — the color of new leaves after rain.
• Mocha (#946875): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#3C3831): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Hushed Basalt Boulevard color palette (#F9F4EF, #C7DED0, #93BA9B, #9F7B7B, #524600)
• Teal Station color palette (#FBF4E9, #CFE2C8, #6EAD92, #477F94, #393932)
• Tempered Plum color palette (#FEF4DF, #C0E5B2, #2BA889, #A34861, #183707)
• Hushed Bloom color palette (#FDF3E9, #D4D4A0, #66995E, #5C5C96, #312705)
• Softworn Olive color palette (#FFF0F7, #C0AE78, #667C43, #565772, #34483B)
• Orchid Ridge color palette (#FFF1F5, #E4C5FF, #A5C97C, #A66BD1, #2D3F17)
• Olive Harbor color palette (#E7DECF, #698545, #004830, #38001C, #010100)
• Pale Pier color palette (#F0DDCE, #9E8E44, #355900, #450B4C, #020100)

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