Cocoa Basin color palette — #FFF2EB · #DFC5AE · #C78A76 · #8D6B62 · #604100

A conversation between Bronze and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Oat (#DFC5AE): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#C78A76): A luminous, balanced orange — the color of autumn markets.
• Walnut (#8D6B62): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#604100): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Hushed Grove color palette (#FFF0F9, #EED3D1, #C5A2B8, #8A7087, #354433)
• Softworn Stone color palette (#FFF0F9, #DBAD92, #98738A, #6C5566, #524349)
• Driftwood Garden color palette (#FCF5E0, #B2C69D, #969351, #806430, #3A4200)
• Tempered Ridge color palette (#ECDDCA, #B29E51, #9A6500, #7D3400, #2A2407)
• Ancient Lilac color palette (#F8F5EA, #AAB26C, #B986C2, #A06B5B, #3F3D36)
• Misty Garnet Thicket color palette (#FDE3D1, #A7702A, #863700, #600012, #100A00)
• Misty Amber Cabin color palette (#FDEBDA, #D7AD59, #C26E00, #8F4A38, #38352E)
• Patina Balcony color palette (#F5EDDB, #88953C, #735F00, #573400, #171800)

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