Cocoa Basin color palette — #F2D5E3 · #773800 · #004060 · #331400 · #000103

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

The five colors

• Shell Pink (#F2D5E3): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#773800): A full-bodied, balanced gold — the color of old brass.
• Navy (#004060): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#331400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• 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 Basin 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

• Garnet Archive color palette (#EFD8EF, #910028, #00444D, #40000C, #000102)
• Twilit Chestnut color palette (#E4F4EB, #755000, #272730, #171400, #010100)
• Patina Grove color palette (#F9D9C3, #A15300, #005A8A, #452000, #000103)
• Cellar Denim color palette (#E8DFEE, #0061A4, #7E3E00, #0C0D05, #040002)
• Velvet Navy color palette (#F8E8E1, #632600, #002380, #250054, #030000)
• Chestnut Study color palette (#F7D4E5, #6D4B00, #451C00, #240005, #010100)
• Nightshade Studio color palette (#CBE7D0, #624700, #2500AE, #291C00, #00000B)
• Cellar Orchard color palette (#F8E3EC, #7C3E00, #610179, #351700, #0E0014)

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