Cocoa Bloom color palette — #F3E9E2 · #B97551 · #684800 · #6A2C00 · #150B00

Rust takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F3E9E2): a clean, paper-quiet neutral.
• Caramel (#B97551): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#684800): A full-bodied, balanced gold — the color of old brass.
• Rust (#6A2C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#150B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Weathered Garnet color palette (#F5E8E5, #B96E83, #843100, #7B003A, #1A0800)
• Garnet Orchard color palette (#F1E1DA, #D06C61, #5A5900, #880308, #030200)
• Antique Forest Field color palette (#F0EBE0, #9C8800, #11600B, #4C4100, #0D0F00)
• Amber Veranda color palette (#EEE5D9, #B08A34, #6A5900, #383400, #07260D)
• Worn Bronze Villa color palette (#ECDCBE, #987000, #544F00, #003D32, #2D2300)
• Ancient Loft color palette (#F4EDE6, #D4CABF, #AC9E8A, #7B4600, #372B20)
• Ancient Basin color palette (#F9F4EE, #C4AB7A, #657824, #7B5900, #28240B)
• Weathered Marigold Loft color palette (#FBEFDA, #F99F28, #BF8C00, #727000, #312700)

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