Weathered Cocoa color palette — #F6F6E9 · #88A270 · #3B7A8B · #5D4974 · #692F0A
Built around Rust, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Moss (#88A270): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#3B7A8B): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#5D4974): A full-bodied, dusty violet — the color of wild irises.
- Rust (#692F0A): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged 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
- Taupe Studio color palette (#FBF4EA, #B2935A, #2E806F, #45517C, #5E343D)
- Dusty Delta color palette (#F0F8EB, #4EAB98, #5D6F9A, #763F56, #46423B)
- Petrol Chapel color palette (#F9F0E6, #B79668, #4E73A7, #743541, #401B13)
- Ancient Petrol color palette (#F9F4EE, #CAE6E7, #7D9CBE, #337A86, #604A5D)
- Softworn Bloom color palette (#F6F7E3, #C8D2BB, #829683, #7B676C, #7E451C)
- Dusty Workshop color palette (#EDF8F7, #93BE98, #6C9972, #7C5599, #38491F)
- Hushed Garnet color palette (#ECF6E5, #008B72, #3B4D96, #6C0B2F, #312C00)
- Hushed Seafoam color palette (#F5F6E8, #D5FEC4, #A8DB9C, #5FA794, #4A4C45)
Browse the whole catalog at Explore, or see today's palette.