Hushed Cocoa color palette — #FFF1F2 · #E1A3B8 · #B36D72 · #8B5247 · #76410E

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Ballet Pink (#E1A3B8): A luminous, dusty rose — the color of strawberry cream.
• Mocha (#B36D72): A luminous, balanced red — the color of late-summer berries.
• Coffee (#8B5247): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#76410E): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Driftwood Grove color palette (#FFF2EC, #EAB8A8, #AC6F5D, #743F31, #572F25)
• Timeworn Cocoa color palette (#FFECF6, #C6AFE5, #A775A5, #83516A, #76440C)
• Ancient Fern Canyon color palette (#FFF2EC, #EBAF9A, #A57746, #7A602C, #48560D)
• Ancient Bronze color palette (#FFF2ED, #DA9E9D, #4FA8B4, #A15C5D, #33563D)
• Ancient Blush color palette (#F7F2FF, #FFC6DA, #F89698, #C58676, #614451)
• Cocoa Alley color palette (#FFF2ED, #E0DCCE, #A6CDAF, #AB8586, #743D11)
• Sunlit Bronze color palette (#FFDEDC, #D77B62, #A45600, #5D4100, #2A3708)
• Hushed Coral color palette (#FFF2ED, #CD807A, #44999C, #468090, #48403D)

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