Tempered Cocoa Bloom color palette — #FFF2EA · #CB9B7D · #96654F · #70453A · #5A3200

Cocoa and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#CB9B7D): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#96654F): A full-bodied, dusty orange — the color of autumn markets.
• Coffee (#70453A): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

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

• Timeworn Chestnut color palette (#FFF3E2, #B8A672, #896E39, #714700, #403D36)
• Tempered Corridor color palette (#FEE2D1, #C38765, #944D31, #63362D, #352F2A)
• Wandering Pewter Garden color palette (#FFF0F9, #DDB597, #B08472, #895B57, #314231)
• Patina Cocoa Parlor color palette (#FFF2EE, #DAA070, #7D393E, #452419, #23190F)
• Frosted Coral color palette (#FDF3ED, #F88C72, #946400, #8C4A3B, #2D2212)
• Dusty Bronze color palette (#FFE8D6, #AC6000, #6D3200, #471600, #221200)
• Ancient Driftwood Loft color palette (#EFE3C7, #8C8C43, #615600, #443500, #2B2400)
• Rust Harbor color palette (#FFF2ED, #C75A59, #7C7320, #5A4879, #38312E)

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