Quiet Cocoa color palette — #EDD7F9 · #D68995 · #B95C5E · #882C11 · #431B00

Rust and Brick set the tone — five colors that lean into optimism and warmth.

The five colors

• Thistle (#EDD7F9): A whisper-light, dusty violet — the color of a velvet chair.
• Dusty Rose (#D68995): A luminous, balanced red — the color of a theater curtain.
• Brick (#B95C5E): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#882C11): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#431B00): A deep, shadowed, dusty gold — the color of old brass.

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

• Feathered Basin color palette (#FEE4F9, #DE9C86, #AF6528, #6B4000, #3A2600)
• Mulberry Grove color palette (#FBE6FE, #CC93BF, #B35888, #85284A, #4D1D20)
• Rust Basin color palette (#FFE2E6, #DF86AA, #C04649, #883F05, #4E4943)
• Soft Rust color palette (#FFF0FD, #FFBAD0, #E47D83, #AE5217, #573503)
• Worn Brick color palette (#FCECF8, #DA8C80, #1D9FAE, #AA382D, #002D33)
• Soft Ember Chapel color palette (#F1DEDF, #ED4D3B, #A03A00, #582C00, #291500)
• Hazy Amber color palette (#F1DACB, #D87C0C, #926500, #564200, #262200)
• Worn Hollow color palette (#FFEBF9, #EBCFCD, #D3C289, #AB5D6B, #442D3A)

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