Cocoa Bloom color palette — #F5DECA · #7A4000 · #4C4300 · #002D3C · #190800

A conversation between Bronze and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F5DECA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#7A4000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Midnight (#002D3C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#190800): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, 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

• Ancient Market color palette (#F0ECD3, #4D5800, #0E471F, #002C41, #0C0F00)
• Rust Summit color palette (#FFE8EF, #B75338, #6A4200, #292700, #051800)
• Charred Cabin color palette (#F2E7CD, #403800, #00322B, #0F0041, #020200)
• Weathered Field color palette (#FFE0DF, #8D1365, #324C00, #00294F, #1F0013)
• Powdered Navy Quarry color palette (#E9E1CB, #595400, #005036, #070083, #0F0E00)
• Linen Mulberry Workshop color palette (#F5E2F5, #9B002A, #005136, #002C3D, #080001)
• Feathered Harbor color palette (#F5EADD, #B02D48, #4C3A00, #1A0070, #2B0A00)
• Softworn Thicket color palette (#EBE0DA, #BFB8AD, #948F75, #772500, #2D1A0F)

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