Weathered Ridge color palette — #F6F4FB · #CED7A7 · #9C6C8A · #544565 · #2D2932

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

The five colors

• Ivory (#F6F4FB): a clean, paper-quiet neutral.
• Pistachio (#CED7A7): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#9C6C8A): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#544565): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#2D2932): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Washed Drift color palette (#FEF2F1, #CCDFCD, #A6758A, #5D3C3A, #251716)
• Muted Ash Alley color palette (#FEF1F3, #DAE3BD, #B98FB1, #816467, #332829)
• Bronze Harbor color palette (#FCF2F6, #D4C48C, #A55C23, #5B3921, #2B1D23)
• Washed Canyon color palette (#F7F3FA, #F2C1D5, #AA9D4F, #B87492, #233229)
• Timeworn Emerald color palette (#F9F2FB, #C88794, #629B5B, #336D94, #3B323E)
• Ash Market color palette (#F9F3F8, #E1D8D7, #AEB2BF, #AE91AB, #555155)
• Washed Amber Pier color palette (#EAFAEE, #ECA9AB, #B38A4E, #507196, #55414E)
• Muted Plum color palette (#FCF1FF, #C2C14B, #B1325B, #641C32, #241328)

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