Cocoa Basin color palette — #FFF3E7 · #EAABAE · #C47E68 · #717241 · #713319

Built around Rust, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#EAABAE): A luminous, dusty red — the color of embers at dusk.
• Caramel (#C47E68): A luminous, balanced orange — the color of toasted spice.
• Walnut (#717241): A full-bodied, dusty green — the color of new leaves after rain.
• Rust (#713319): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged 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

• Worn Amber color palette (#FFF3E4, #EBAE92, #B98750, #597950, #4D4641)
• Patina Ash color palette (#FFF2EB, #DBABDA, #BE7A9B, #8D6544, #574143)
• Petal Workshop color palette (#F8F7E0, #F2CDFF, #C99286, #3B7C90, #513837)
• Driftwood Workshop color palette (#FFF2ED, #E0CABD, #BCA792, #8A8238, #4E5606)
• Patina Coral Drift color palette (#FCEEEA, #DD7A7E, #824525, #44332E, #281F1E)
• Tempered Harbor color palette (#EBFAEE, #FCBBD2, #D4A091, #609A82, #524154)
• Timeworn Coral color palette (#FFF3E5, #FF7A5A, #BB6300, #466700, #542713)
• Bronze Coast color palette (#F4E5CC, #B46E00, #6D5500, #00442A, #211300)

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