Weathered Stone color palette — #FFF1F1 · #F8D2C6 · #F0A39B · #AD7657 · #4B4640

A conversation between Rose Quartz and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#F8D2C6): A whisper-light, dusty orange — the color of autumn markets.
• Rose Quartz (#F0A39B): A luminous, balanced orange — the color of autumn markets.
• Caramel (#AD7657): A luminous, balanced gold — the color of old brass.
• Charcoal (#4B4640): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Rust Meadow color palette (#FFEDEA, #E59FA0, #BE6557, #874C35, #3B3530)
• Aged Thicket color palette (#FFF2EC, #E1D8CA, #D6AE6E, #8F854D, #504D00)
• Coral Corridor color palette (#FFF2EC, #F0D5C1, #8FD7F6, #CD8379, #2B4F3F)
• Powdered Coral color palette (#FFD7DB, #FB8668, #B06800, #624C00, #1E1F00)
• Amber Coast color palette (#FFF1F4, #FFB9AB, #E87A00, #825600, #463900)
• Chestnut Grove color palette (#FFF2EB, #DFDDCC, #ABB6CD, #D0A5A4, #744503)
• Wandering Cocoa Coast color palette (#FFE8E3, #D3D0DD, #ADA09E, #6D320E, #261E1A)
• Bronze Grove color palette (#F3DECD, #9B7600, #564D00, #142C00, #000401)

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