Cocoa Thicket color palette — #FDE7F0 · #753C00 · #004062 · #310024 · #030100

A conversation between Bronze and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#FDE7F0): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#753C00): A full-bodied, balanced gold — the color of old brass.
• Navy (#004062): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#310024): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#030100): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

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

• Onyx Station color palette (#FCE8F3, #7E3300, #00444D, #19004C, #040002)
• Smoked Loft color palette (#FFE5F0, #713B00, #002B50, #0F1610, #110003)
• Shadow Onyx Meadow color palette (#ECE4D3, #433600, #002D49, #1E0031, #020200)
• Olive Coast color palette (#FFE5D6, #5F6B00, #003B30, #1D0016, #000200)
• Aubergine Studio color palette (#E5F1E7, #624900, #4E008D, #33001B, #020100)
• Bronze Harbor color palette (#E3F4E8, #957600, #004545, #362900, #000102)
• Garnet Thicket color palette (#E5E2CD, #7C6E00, #007166, #7F192D, #020200)
• Basalt Atelier color palette (#E1EDE8, #A8C1BE, #679F91, #384100, #000201)

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