Weathered Stone color palette — #F1F7F2 · #D4DCDC · #CAB186 · #B7B2BC · #4E554F

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D4DCDC): a clean, paper-quiet neutral.
• Sand (#CAB186): A luminous, dusty gold — the color of afternoon light on wheat.
• Ash (#B7B2BC): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#4E554F): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Basalt color palette (#FFF0F7, #D3E3D6, #ADC7C1, #9FA0BA, #5B4D63)
• Mustard Market color palette (#F0F7F3, #CBE0E4, #AEACC1, #B5A700, #2C4639)
• Stone Boulevard color palette (#E7F6EF, #B8BC7A, #638380, #465A51, #1E231E)
• Ancient Bronze color palette (#F6F1EA, #D5D9CF, #A5B1AD, #A37B3B, #393631)
• Worn Driftwood color palette (#FFF1F6, #B9DBB9, #9BB988, #9A7EB2, #384E41)
• Hushed Iris Workshop color palette (#FBF2F7, #F4B79E, #6DBC9E, #8979C5, #5F3626)
• Chestnut Boulevard color palette (#E0E8E2, #90A5A8, #6E8E9A, #776100, #000D04)
• Pine Lagoon color palette (#E3F0F0, #A5B1BC, #889CBF, #008754, #001818)

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