Weathered Stone color palette — #FFF1F1 · #F3A991 · #AB734A · #75592B · #5A4900
Built around Melon, softened by Mocha — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#F3A991): A luminous, balanced orange — the color of toasted spice.
- Mocha (#AB734A): A luminous, balanced gold — the color of honey in a jar.
- Coffee (#75592B): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#5A4900): A full-bodied, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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 Veranda color palette (#FFF2F0, #F4BBB0, #C2906C, #8D6B2A, #474900)
- Antique Lantern color palette (#FFF0FC, #F0A9C7, #AD7178, #844B41, #6E3619)
- Mustard Harbor color palette (#FFF3E8, #D3B16D, #84834B, #53632D, #2A4F23)
- Aged Station color palette (#EBFAED, #E28E7C, #8F714A, #276469, #54414B)
- Soft Tangerine Meadow color palette (#FFE1D8, #F1830A, #8D6400, #4E4500, #133916)
- Bronze Harbor color palette (#EADFCF, #8E7700, #4E5000, #1C2D00, #001915)
- Washed Driftwood color palette (#FAF3F8, #E3D7D7, #B1ADA3, #93788F, #575056)
- Weathered Stone color palette (#FFF0F9, #DBB6C2, #7A9587, #5E6E77, #4A4A5C)
Browse the whole catalog at Explore, or see today's palette.