Quiet Cocoa color palette — #FFE4EC · #D8939F · #AA5F60 · #7B3127 · #3F0F00

Built around Rust, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Rose Water (#FFE4EC): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#D8939F): A luminous, balanced red — the color of embers at dusk.
• Mocha (#AA5F60): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#7B3127): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3F0F00): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Quiet 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 Hollow color palette (#FFE7E2, #E4A188, #A96537, #6F3D00, #321E00)
• Wandering Bloom color palette (#FFDAFC, #D296BF, #9E5E7E, #7C294C, #4D001C)
• Tempered Bronze color palette (#FFECF3, #CB868D, #9A5544, #4B4913, #2D1C2C)
• Brick Chapel color palette (#FFEDEA, #ECB1B6, #C77676, #B63624, #642200)
• Frosted Amber color palette (#FFDFCA, #E48A18, #906200, #513B00, #201A00)
• Gentle Ember Balcony color palette (#FADFDD, #F05139, #A43900, #552700, #210F00)
• Pewter Cabin color palette (#F4F0F7, #DDD4D8, #C8B7BC, #806B8F, #2F2A32)
• Worn Spruce color palette (#FFEAFB, #C7AABB, #947682, #3F645A, #0C3A36)

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