Cocoa Basin color palette — #FFF2EE · #E5D6CD · #E89B8F · #A67062 · #6D3605

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E5D6CD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Melon (#E89B8F): A luminous, balanced orange — the color of toasted spice.
• Mocha (#A67062): A full-bodied, dusty orange — the color of toasted spice.
• Bronze (#6D3605): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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

• Muted Loft color palette (#FFF3E7, #E0DDBF, #D2A760, #988252, #624700)
• Hushed Stone Summit color palette (#FFF2EF, #FFC8CB, #F0A395, #BC8368, #544E49)
• Weathered Garden color palette (#F6E1FE, #E4A7AA, #B96E63, #874124, #4E2C3C)
• Hushed Mallow Canyon color palette (#FFF1F3, #FFD3F8, #D795C0, #96657F, #624240)
• Dusty Apricot color palette (#FFDFCE, #FB871F, #B76900, #683E00, #311F00)
• Washed Apricot color palette (#FFF2E9, #E0D9CE, #E6A881, #8B6149, #342E29)
• Amber Terrace color palette (#FFF2EE, #FFAD8A, #DF6E00, #9A5300, #553100)
• Ancient Chestnut color palette (#FFF3E9, #DEDACB, #DCB7A2, #96B2B7, #764608)

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