Weathered Cocoa color palette — #F9F5EA · #CFCA91 · #66B9BC · #887EB1 · #6A2E10
Built around Rust, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Pistachio (#CFCA91): A whisper-light, dusty green — the color of fresh herbs.
- Cyan (#66B9BC): A luminous, balanced teal — the color of glacier melt.
- Slate Blue (#887EB1): A luminous, dusty violet — the color of wild irises.
- Rust (#6A2E10): A deep, shadowed, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. 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
- Softworn Seafoam color palette (#F4F7EA, #99D9A9, #7BB0D8, #A2769B, #47413C)
- Dusty Cerulean color palette (#FEF3EA, #ECBC9A, #94B48B, #4692AA, #593644)
- Muted Delta color palette (#F7F5EB, #AEB87D, #7D8AB6, #596694, #5A3548)
- Muted Indigo Quarry color palette (#F0F7F1, #E6C78D, #8CA373, #725BA4, #4A3400)
- Dusty Ash Grove color palette (#FEF5DD, #CDE0C8, #B6C2AC, #B499A9, #65494F)
- Quiet Azure color palette (#F0F4E1, #7BC687, #129FD8, #8B5998, #4B1A00)
- Fern Parlor color palette (#F5F7EA, #D6E4C0, #A8BD9F, #AA967F, #415611)
- Wandering Ridge color palette (#FAF7D6, #97CC00, #00ABC2, #8455D2, #61000E)
Browse the whole catalog at Explore, or see today's palette.