Cocoa Coast color palette — #FFF0F9 · #E6D6D5 · #D9B8AF · #9F8D86 · #784016

Built around Bronze, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#E6D6D5): a clean, paper-quiet neutral.
• Stone (#D9B8AF): A luminous, dusty orange — the color of sun-warmed clay.
• Heather (#9F8D86): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#784016): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Cocoa Loft color palette (#FFF1F4, #FAD1E7, #F5BE9D, #AD8ABF, #6A3700)
• Patina Bronze color palette (#FFF1F1, #F8D2C6, #CEB3A7, #95722F, #564500)
• Antique Powder color palette (#F3F7EE, #E7D2CF, #B1CDF8, #719D8D, #5B4557)
• Chestnut Hollow color palette (#FFF1F3, #FEBBDA, #C6909A, #85591B, #543A00)
• Patina Villa color palette (#FFF1F2, #FFB1A1, #B77A56, #5D622F, #233810)
• Muted Olive Parlor color palette (#E7FCEA, #BED3CD, #AE8B96, #637C3B, #3E5848)
• Antique Basalt Thicket color palette (#F9F5E8, #B0EFE3, #A2B78C, #7B8B77, #514600)
• Weathered Coral color palette (#FDDAE3, #C57E7E, #8B5546, #39362F, #0C1100)

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