Weathered Cocoa Field color palette — #F7ECE6 · #E0CBBE · #BAA18D · #7C3426 · #070100
A conversation between Rust and Taupe, giving this palette its sense of sophistication.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Oat (#E0CBBE): A whisper-light, dusty gold — the color of old brass.
- Taupe (#BAA18D): A luminous, dusty gold — the color of afternoon light on wheat.
- Rust (#7C3426): A full-bodied, balanced orange — the color of toasted spice.
- Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Weathered Cocoa Field 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
- Cocoa Drift color palette (#EFE7DF, #C9B8A2, #A08F75, #573100, #020100)
- Garnet Garden color palette (#EFE6ED, #A99BA3, #95707C, #6B0205, #0C000A)
- Garnet Drift color palette (#F6ECE9, #B3A79C, #987B35, #6D0014, #250B03)
- Fern Orchard color palette (#F8F5EB, #D3DECB, #BDBD9C, #646400, #110C01)
- Patina Fern Chapel color palette (#FFECDA, #AF8F4E, #655900, #003624, #000C0A)
- Rust Station color palette (#E9DCD7, #B5AFA1, #9B9880, #BE4037, #1E1009)
- Amber Lantern color palette (#F0DFC4, #A68C00, #545000, #4A1B00, #020100)
- Lowlit Cocoa Courtyard color palette (#F5D8C4, #753C00, #414A43, #181B13, #0B0400)
Browse the whole catalog at Explore, or see today's palette.