Weathered Stone color palette — #FBF5E5 · #DAD397 · #A2B877 · #549999 · #564600

Sage and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Wheat (#DAD397): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A2B877): A luminous, balanced green — the color of a quiet forest floor.
• Storm Blue (#549999): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged retro, 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

• Dusty Canyon color palette (#F6F6EB, #B8D290, #67BCA7, #3F92B1, #46423B)
• Antique Fern Courtyard color palette (#F5F6ED, #DAE3BE, #8DC4A6, #A39980, #495305)
• Marigold Study color palette (#FFF3E3, #FEC199, #D2A663, #739677, #4C4741)
• Timeworn Moss Coast color palette (#FDF3E8, #DDB784, #7AA05B, #73678F, #5B4400)
• Worn Sand color palette (#EBFAEA, #FED698, #8BAE79, #6A718F, #33443A)
• Softworn Stone Dune color palette (#F5F2E5, #B9BD74, #867E34, #585548, #24211C)
• Clover Pier color palette (#FFF5D5, #AED132, #3CBA43, #0089A0, #283D0C)
• Lime Archive color palette (#E8DEB8, #7EC036, #00A259, #007190, #102B0A)

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