Weathered Cocoa color palette — #F3F4FF · #D1B6E4 · #A56F93 · #844457 · #763322

Built around Rust, softened by Coffee — the whole palette hums with creativity and warmth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Lavender (#D1B6E4): A luminous, dusty violet — the color of a velvet chair.
• Dusty Rose (#A56F93): A luminous, balanced pink — the color of neon signs at night.
• Coffee (#844457): A full-bodied, balanced red — the color of late-summer berries.
• Rust (#763322): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Creativity, 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

• Antique Garnet Boulevard color palette (#EFF6FF, #AEB9E5, #8B78A9, #79436D, #6E2946)
• Sunlit Thicket color palette (#FFF0F9, #E7D2FF, #E39ED5, #C17487, #72392B)
• Airy Mulberry Delta color palette (#ECD8F5, #BF69A9, #962744, #5B1800, #331B00)
• Frosted Terracotta color palette (#FFCEFA, #D184AA, #A44744, #732B00, #472E00)
• Ancient Driftwood Dune color palette (#F4F4FC, #DED8DD, #B4AAA5, #7D7F9E, #515259)
• Tempered Ash Study color palette (#E2FCF3, #A99FD3, #96677B, #29655B, #47455A)
• Tempered Summit color palette (#F4EFFE, #9E6793, #453747, #2A2731, #171319)
• Dusty Rust Drift color palette (#FFE5ED, #BD3E30, #632D00, #231700, #0B0B00)

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