Cocoa Coast color palette — #FFF0F9 · #EFD2D0 · #D4B8BE · #B59487 · #7B4119

Bronze takes the lead with Taupe close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#EFD2D0): A whisper-light, dusty orange — the color of toasted spice.
• Stone (#D4B8BE): A luminous, dusty red — the color of a theater curtain.
• Taupe (#B59487): A luminous, dusty orange — the color of toasted spice.
• Bronze (#7B4119): 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

• Dusty Parlor color palette (#FFF1F0, #E8CCC6, #CCAB9C, #9D8B5A, #605000)
• Wandering Archive color palette (#F2E7F8, #C4959B, #B1688D, #8C5832, #3F2600)
• Patina Stone color palette (#E5F9FF, #DBDCE7, #BBC2DA, #819589, #40544A)
• Weathered Fern Balcony color palette (#FFDDD8, #BD878A, #A76A58, #635600, #181E00)
• Bronze Thicket color palette (#EFD9E3, #F1A0B3, #CE8481, #9C7600, #403D00)
• Ancient Powder color palette (#E8F3FF, #B3CAED, #8B93AD, #70657A, #4B404E)
• Pewter Hollow color palette (#E5E8FF, #A47A8C, #865896, #753334, #260600)
• Aged Teal color palette (#FFF0FD, #ADC8F7, #DAACD8, #2CC6C7, #4F3A4E)

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