Weathered Stone color palette — #FFF0F9 · #C6E3C3 · #D0A8C1 · #9F89A4 · #3B4D42

Built around Mauve, softened by Celadon Mist — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Celadon Mist (#C6E3C3): A whisper-light, dusty green — the color of fresh herbs.
• Mauve (#D0A8C1): A luminous, dusty pink — the color of a candy shop window.
• Heather (#9F89A4): A luminous, dusty pink — the color of neon signs at night.
• Charcoal (#3B4D42): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, light, muted.

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

• Aged Mint color palette (#E1FBFA, #87D7A4, #E0A2B6, #A78FB2, #2E4141)
• Weathered Stone color palette (#FEF1F8, #EED3D2, #C9A0B7, #8E6F85, #4A3A40)
• Washed Bronze color palette (#FFF2EA, #EAC2A2, #BD907C, #A36144, #633F00)
• Cocoa Alley color palette (#FBEFE8, #CAB8A5, #A37764, #794849, #352A17)
• Worn Navy color palette (#D4FFFC, #96EDE5, #7AC1DA, #7091BE, #4A4075)
• Powder Basin color palette (#EDF8F7, #B6EFBD, #B5ACF4, #83BB8B, #2B2D37)
• Tempered Studio color palette (#DAEEDD, #C2C976, #B99958, #936C81, #143733)
• Softworn Teal color palette (#E8F9FC, #FFD3C2, #65AEA2, #547378, #222E30)

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