Timeworn Pewter color palette — #FFF1F2 · #E2D9D0 · #D4B88D · #786D99 · #5C443E

A conversation between Slate and Sand, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2D9D0): a clean, paper-quiet neutral.
• Sand (#D4B88D): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#786D99): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#5C443E): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Cocoa Corridor color palette (#FFF2EF, #E1D9CF, #CCCF98, #976E77, #733716)
• Aged Grove color palette (#FFF0F9, #F3D2D9, #F7B3A7, #5E8C7D, #5F4951)
• Hushed Driftwood color palette (#F8EDFE, #EAD0DA, #E0B1BC, #A27790, #3E2F43)
• Straw Dune color palette (#FFF3E8, #E5D786, #78BA96, #956070, #444039)
• Bronze Meadow color palette (#FFF2EA, #C2A173, #97654C, #6E463B, #3F3D36)
• Mustard Harbor color palette (#FFF1F0, #FFBAA4, #BAA100, #7C49A1, #58282B)
• Weathered Mallow color palette (#F8F2FF, #F5E5B3, #F1D4DC, #CFA4E2, #59495E)
• Tempered Stone color palette (#FFF2EF, #A6B86A, #773C4A, #44241E, #24180D)

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