Weathered Stone color palette — #F3F7F0 · #D4DCDA · #B4B3BE · #86BCA7 · #4B4F47

Mint Leaf and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F3F7F0): a clean, paper-quiet neutral.
• Silver (#D4DCDA): a clean, paper-quiet neutral.
• Ash (#B4B3BE): a calm mid-gray that lets other colors speak.
• Mint Leaf (#86BCA7): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4B4F47): quiet, heavy and certain.

Feels like: 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

• Dusty Bloom color palette (#FCF4EB, #C9DFCC, #B3B08F, #7F8A76, #594300)
• Teal Chapel color palette (#F0F8EF, #CCE2E1, #BBB8C3, #00A7A2, #2D392B)
• Washed Abyss color palette (#DCE1DA, #AFC0B3, #769B8D, #00473C, #000200)
• Worn Villa color palette (#EEF8EF, #61C0C4, #465A52, #252E26, #0D110A)
• Worn Market color palette (#FFF2EC, #B0ECD4, #72ABC3, #99615E, #364434)
• Washed Petrol Orchard color palette (#F0F7F3, #EAD6DD, #CCB2C2, #006A85, #001108)
• Cobalt Boulevard color palette (#FCF1FC, #E8D6D7, #B3AE9B, #407ECF, #311C32)
• Ash Harbor color palette (#F2F7F0, #D3DCDB, #B4B1BC, #89B5A5, #4A4F48)

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