Worn Ridge color palette — #FBF3F2 · #DFDAD3 · #C3C0AF · #97617B · #504444

Pewter and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#DFDAD3): a clean, paper-quiet neutral.
• Stone (#C3C0AF): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#97617B): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#504444): quiet, heavy and certain.

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

Use it as a design system

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

• Dusty Pewter Study color palette (#F4F0F7, #E0D4D7, #C8B7B9, #946575, #2F2A32)
• Muted Bronze color palette (#FBF3F1, #DDDBD3, #A0AFAC, #B26E54, #58514E)
• Patina Chestnut Chapel color palette (#F9F4EF, #D8DBD1, #B3B69A, #8B5616, #423930)
• Softworn Cypress color palette (#F9F5EA, #9CBA92, #30846E, #754C56, #454600)
• Cocoa Terrace color palette (#EBE3D9, #BDB9A8, #8A936D, #5D3D00, #291D0B)
• Rust Garden color palette (#F4E0D8, #B8454A, #36312C, #2B1A15, #120B08)
• Washed Courtyard color palette (#FDF2F0, #E4CEBE, #BCA470, #A70643, #432C27)
• Weathered Harbor color palette (#E7DEDC, #BBA497, #A17639, #690035, #210D0B)

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