Weathered Cocoa color palette — #FFF2EC · #F6ADA2 · #A0C19B · #61A99B · #642908
Built around Rust, softened by Rose Quartz — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Rose Quartz (#F6ADA2): A luminous, balanced orange — the color of sun-warmed clay.
- Sage (#A0C19B): A luminous, dusty green — the color of fresh herbs.
- Turquoise (#61A99B): A luminous, dusty teal — the color of sea glass.
- Rust (#642908): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, 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
- Weathered Cocoa Corridor color palette (#FFF2EC, #F5AF9D, #85BFDE, #6DA2BD, #632A02)
- Aged Shell color palette (#FFF2EC, #FDB1A6, #7CB997, #7A82B9, #55374C)
- Weathered Mallow Hollow color palette (#FFF1F4, #D8B2E8, #9FC390, #62A3C1, #49383C)
- Muted Turquoise Archive color palette (#FEF4E4, #D6B56B, #53BED2, #8E85C9, #36322C)
- Dusty Corridor color palette (#FBF3EF, #DCDAD2, #CFC396, #ABB3AB, #59504C)
- Tempered Apricot color palette (#FDEAE0, #EF8F73, #23B7AD, #7D76C7, #362014)
- Cerulean Corridor color palette (#FFF2ED, #FFAFA7, #00A2C3, #407EBA, #422113)
- Softworn Blush Alley color palette (#FDF2F1, #FFD2CA, #AEC083, #DB93A7, #2F2E27)
Browse the whole catalog at Explore, or see today's palette.