Weathered Stone color palette — #FFF3E8 · #FCC1A1 · #9FB979 · #8D83B7 · #4C4741

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Wheat (#FCC1A1): A whisper-light, balanced orange — the color of toasted spice.
• Sage (#9FB979): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#8D83B7): A luminous, dusty violet — the color of wild irises.
• Charcoal (#4C4741): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, 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 Fern Study color palette (#FFF2ED, #D8D39A, #6FC0B0, #A67C9D, #4D4A00)
• Cocoa Drift color palette (#FAF5E7, #FBBCD0, #CEA671, #6B8FB5, #703417)
• Muted Sand color palette (#FFF2EA, #F9B595, #63B7D0, #967AA7, #583742)
• Worn Lagoon color palette (#FFF4E3, #FDD797, #9BAA6E, #517C72, #423F38)
• Tempered Corridor color palette (#EAFAED, #DCB87B, #8A9B54, #4D7297, #3B4D42)
• Pale Coast color palette (#FFE9E1, #D0BB42, #00B093, #9C5894, #31312A)
• Wandering Powder Quarry color palette (#FBF3F1, #C1E1E5, #89D3EB, #86AE85, #33514A)
• Clover Loft color palette (#FFF2EA, #FCAF23, #1CC567, #8F54B2, #3B3700)

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