Weathered Cocoa color palette — #FFF1F1 · #EDD6D0 · #D5BFA8 · #AC909E · #6A4948
Coffee and Sand set the tone — five colors that lean into sophistication and softness.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Bone (#EDD6D0): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sand (#D5BFA8): A luminous, dusty gold — the color of old brass.
- Dusty Rose (#AC909E): A luminous, dusty rose — the color of strawberry cream.
- Coffee (#6A4948): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Weathered Cocoa 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
- Patina Grove color palette (#F9F4ED, #E2DFC6, #AFBB94, #B38E99, #584E00)
- Dusty Archive color palette (#FFEAFD, #B3CAB4, #87A099, #646B79, #384050)
- Garnet Studio color palette (#FFD8DF, #FAC19E, #A5BA8E, #A77099, #642E58)
- Hushed Quarry color palette (#FFF2EA, #F0C9A3, #CEAE61, #8E9245, #51524A)
- Tempered Pewter color palette (#FDDBCA, #C5AD87, #A4906B, #89679D, #542425)
- Softworn Lilac Cabin color palette (#F7F7E0, #B6D299, #A0BEF5, #A897E7, #43433C)
- Washed Basalt Lagoon color palette (#F3DEE7, #AC7661, #616D33, #5E3460, #240027)
- Worn Lagoon color palette (#FAF3F0, #D0E5E3, #A6CBEE, #5FB59A, #614B5A)
Browse the whole catalog at Explore, or see today's palette.