Cocoa Bloom color palette — #DFF4E7 · #00778F · #863C00 · #00313C · #030100

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

The five colors

• Honeydew (#DFF4E7): A whisper-light, dusty teal — the color of sea glass.
• Teal (#00778F): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#863C00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00313C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#030100): a grounded near-black with real depth.

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

• Mulberry Loft color palette (#CCF9F7, #007B7A, #9B0050, #003232, #040001)
• Dusty Sapphire Canyon color palette (#ECD6ED, #006AC8, #734B00, #002A57, #020100)
• Cocoa Villa color palette (#C8E6F7, #005A70, #6B2400, #002530, #100200)
• Hushed Rust color palette (#D0EEDB, #008DA7, #B44E00, #005F71, #0F0300)
• Cobalt Basin color palette (#D7E7F1, #0089CA, #004661, #2B252B, #000911)
• Midnight Bronze color palette (#F4E6D2, #827300, #503600, #220B00, #010100)
• Powdered Corridor color palette (#D9FFF2, #66C2FF, #B27600, #006A9D, #241400)
• Sunlit Lapis color palette (#F4DAEE, #304BFF, #655300, #0E0B82, #020100)

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