Weathered Cocoa color palette — #FFF0F8 · #F6BCCD · #CB8687 · #A0644E · #6F3800

Bronze takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Carnation (#F6BCCD): A whisper-light, dusty rose — the color of strawberry cream.
• Dusty Rose (#CB8687): A luminous, balanced red — the color of embers at dusk.
• Walnut (#A0644E): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#6F3800): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Wandering Corridor color palette (#F7F2FF, #EBD8D4, #EF9B9E, #A15B49, #623400)
• Aged Fern color palette (#FFF2F0, #F5C6AE, #BB9162, #876D33, #504B00)
• Timeworn Thicket color palette (#F5F4FF, #D9BDE7, #BD8FB6, #935973, #742E3C)
• Olive Coast color palette (#FEF4E3, #E3ACC0, #B48579, #607939, #58413C)
• Faded Coral color palette (#FFE5E7, #F27E6B, #B25500, #653F00, #322600)
• Gentle Atelier color palette (#FFDDE4, #FF9691, #D95C32, #8E4C00, #462D00)
• Softworn Stone Summit color palette (#FFF2EF, #E5D1C7, #BDAA96, #768672, #405347)
• Tempered Cypress color palette (#FFF2EF, #DA9EAD, #968D5A, #12787A, #583747)

Browse the whole catalog at Explore, or see today's palette.