Cocoa Basin color palette — #FFF0F7 · #E1BEC8 · #B793B2 · #9E6859 · #713E05

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Oat (#E1BEC8): A whisper-light, dusty rose — the color of pressed rose petals.
• Mauve (#B793B2): A luminous, dusty pink — the color of a candy shop window.
• Mocha (#9E6859): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#713E05): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Dusty Bronze Thicket color palette (#FFF1F1, #ECD5D2, #C39F94, #A07839, #664E00)
• Muted Powder color palette (#F0F5FF, #E7D4EF, #ACAED7, #8C7D8E, #544551)
• Frosted Field color palette (#EFE5F4, #DC9BD3, #B57493, #924E1E, #593600)
• Bronze Chapel color palette (#FFDDEC, #DAAB9F, #D0827A, #826500, #48491E)
• Chestnut Loft color palette (#DEFBE9, #CCAEC7, #90789E, #6F6010, #3E4F3D)
• Wandering Bloom color palette (#F2E4FF, #9F7BA3, #7D4D6B, #602500, #2D1800)
• Timeworn Cocoa color palette (#EFD8E0, #92665C, #75463F, #372B00, #131200)
• Softworn Forest color palette (#FEEBDD, #B48F6E, #7E683D, #0F611F, #00301E)

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