Pewter Ridge color palette — #FCF3F1 · #E0DAD1 · #C3C0B3 · #9D5F6E · #524441

A conversation between Mocha and Cocoa, giving this palette its sense of sophistication.

The five colors

• Ivory (#FCF3F1): bright and airy, almost weightless.
• Bone (#E0DAD1): bright and airy, almost weightless.
• Stone (#C3C0B3): a calm mid-gray that lets other colors speak.
• Mocha (#9D5F6E): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#524441): a grounded near-black with real depth.

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

Use it as a design system

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

• Timeworn Pewter color palette (#F5F0F5, #DCD4D6, #C8B7B9, #9F6069, #312932)
• Bronze Archive color palette (#FDF3EB, #D9DBCD, #C2BDA1, #98581D, #5E3400)
• Washed Bronze Alley color palette (#FFF2F0, #D0AC97, #9E7B38, #735C72, #5E445D)
• Basalt Drift color palette (#EAE4D7, #BBB9AC, #8C9179, #534300, #281E08)
• Softworn Field color palette (#F8F6E5, #93BB9A, #3C8272, #714F53, #3F4800)
• Weathered Rust color palette (#F4E0D5, #B34D35, #36312C, #281C15, #110B07)
• Timeworn Terracotta Parlor color palette (#FFF2ED, #E4CEBC, #B7A385, #A51D1F, #581E00)
• Patina Garnet Loft color palette (#EDDCD7, #B5A69C, #A27539, #6C001F, #230C06)

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