Frosted Cocoa color palette — #EEEEFF · #C395C1 · #A6586B · #81381E · #513500

A conversation between Rust and Brick, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#EEEEFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#C395C1): A luminous, balanced pink — the color of a candy shop window.
• Brick (#A6586B): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#81381E): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#513500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Frosted 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

• Hazy Alley color palette (#FFEAFD, #D295B1, #AF5E6F, #85080F, #441400)
• Worn Chestnut Corridor color palette (#FFEFFF, #ECAFBE, #AB7064, #775111, #4B4500)
• Frosted Brick color palette (#FFEBED, #ECACCA, #CF7285, #B13C3F, #6E2600)
• Terracotta Loft color palette (#F6F8DD, #9F8BC6, #985257, #005863, #503439)
• Wandering Garnet Archive color palette (#E3F4FF, #98A3DF, #8E69A5, #803358, #731210)
• Timeworn Chapel color palette (#FFF2F0, #D0D3FF, #EA99C2, #A87929, #57352B)
• Coral Study color palette (#FFE2EB, #D07265, #7A4C00, #3C3400, #0B2D00)
• Worn Boulevard color palette (#FCF2F4, #E3D9D2, #C6BFB1, #8B658A, #534345)

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