Cocoa Garden color palette — #FAD8E8 · #783700 · #00415D · #341400 · #000103

Bronze takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#FAD8E8): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#783700): A full-bodied, balanced gold — the color of old brass.
• Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#341400): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

Use it as a design system

One click turns Cocoa Garden 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 Study color palette (#F4E6D1, #694B00, #00484A, #2C1D00, #000808)
• Twilit Garnet Ridge color palette (#FDE2FB, #910022, #004545, #40000A, #000202)
• Bronze Basin color palette (#FFE7F0, #9B5700, #005E75, #422200, #000102)
• Lowlit Aubergine Summit color palette (#F5DDCB, #5A2E00, #003A31, #2E0059, #030100)
• Nightshade Lantern color palette (#E4F3E6, #624700, #0E20A2, #291C00, #00000C)
• Chestnut Studio color palette (#EBE0ED, #006D65, #674E00, #0A100B, #000200)
• Aubergine Station color palette (#CFF2E5, #566300, #6500A1, #272E00, #05000E)
• Worn Olive color palette (#F5E3EA, #A4894F, #656A00, #561600, #030100)

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