Cocoa Bloom color palette — #F9DAE3 · #6B4100 · #003F63 · #2E1900 · #000103

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F9DAE3): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6B4100): A full-bodied, balanced gold — the color of old brass.
• Navy (#003F63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#2E1900): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000103): a grounded near-black with real depth.

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

• Chestnut Delta color palette (#D5E4DD, #705300, #28272F, #151500, #010100)
• Smoked Market color palette (#F8E2F6, #920020, #004449, #400009, #000102)
• Ancient Ridge color palette (#F4DCE4, #975B00, #00559C, #402300, #000104)
• Eclipse Onyx color palette (#D6EFD6, #513500, #00393A, #380049, #020100)
• Inked Villa color palette (#F7D9F2, #006982, #5B5400, #050E0E, #000201)
• Deep Nightshade color palette (#D8E4DA, #604800, #0800B6, #281C00, #00000C)
• Cellar Aubergine color palette (#D8F6EA, #495200, #4A0091, #1D2100, #020007)
• Olive Delta color palette (#DFF3E0, #9A9242, #4A7600, #542100, #030200)

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