Tempered Cocoa Bloom color palette — #FFF0F8 · #BF9BAC · #946651 · #7A3E2F · #4D353F

A conversation between Bronze and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Mauve (#BF9BAC): A luminous, dusty rose — the color of a warm blush.
• Walnut (#946651): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#7A3E2F): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#4D353F): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Cocoa Bloom 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

• Worn Cocoa Canyon color palette (#F9E0EC, #B4889A, #885635, #6D2F12, #462430)
• Hushed Cocoa Summit color palette (#FFF1F6, #96AF94, #8E6A49, #77421C, #2F4331)
• Washed Amber color palette (#FFF2EA, #D8B795, #BC7E63, #905658, #403D36)
• Driftwood Orchard color palette (#EDF9EE, #A9BFAE, #698A6C, #78505E, #384E40)
• Timeworn Loft color palette (#EDD7E4, #AD7A5E, #893A19, #6A0B00, #3A1B00)
• Hushed Drift color palette (#D4F9E4, #A1A15F, #786A00, #5A4700, #33390D)
• Tempered Mulberry color palette (#EBFAEF, #94803C, #905D85, #882F44, #21392A)
• Chestnut Cabin color palette (#EED9E2, #905916, #572B00, #321000, #130900)

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