Weathered Cocoa color palette — #FFF2EA · #DFC6A7 · #BD907A · #94685C · #594500
Built around Deep Olive, softened by Taupe — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Wheat (#DFC6A7): A whisper-light, dusty gold — the color of honey in a jar.
- Taupe (#BD907A): A luminous, dusty orange — the color of sun-warmed clay.
- Walnut (#94685C): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Olive (#594500): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.
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
- Hushed Corridor color palette (#FFF2EA, #D7B894, #BD7D63, #8D5760, #403D36)
- Wandering Stone color palette (#FFF0F8, #ECD3D0, #C4A3B5, #897187, #314537)
- Timeworn Bronze Studio color palette (#ECDDC8, #A4A35C, #946800, #7B360E, #262602)
- Teal Quarry color palette (#F3F7EB, #7CBC91, #AF8BC2, #9F6E4D, #3C3E37)
- Soft Garnet Drift color palette (#EFE2D7, #A07500, #7F3E00, #600014, #0C0C00)
- Moss Bloom color palette (#EEE7D7, #739B46, #6D6100, #583300, #001C0E)
- Wandering Lagoon color palette (#F2F7F1, #F8C3B6, #3F8D81, #42533C, #272D25)
- Periwinkle Drift color palette (#F4F6EF, #A8E1BC, #7B9ADF, #5A9D74, #342A32)
Browse the whole catalog at Explore, or see today's palette.