Cocoa Bloom color palette — #F7EFDB · #6D3C00 · #2F2100 · #001206 · #070200

Bronze and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7EFDB): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#6D3C00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#2F2100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001206): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#070200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, 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

• Eclipse Orchard color palette (#DCF3E1, #6A5D20, #2E2D00, #2A0D00, #080600)
• Garnet Lantern color palette (#F4DCE3, #861A2C, #421000, #0E0F00, #0D0000)
• Deep Onyx color palette (#F9DCE7, #40473F, #462400, #241409, #080300)
• Brick Summit color palette (#F2E7D3, #B22332, #513800, #001D47, #0A0100)
• Feathered Rust color palette (#FAE1EC, #CC582B, #924B00, #553D00, #090300)
• Patina Spruce Coast color palette (#DAEAE1, #68734A, #134302, #002225, #020B17)
• Worn Abyss color palette (#E0F0ED, #5B879A, #004454, #002223, #000B12)
• Bronze Pier color palette (#CBE6D4, #9B6E00, #564E00, #003D30, #2F2200)

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