Cocoa Basin color palette — #FDF4E6 · #D4958E · #966E44 · #1A6566 · #6E360A

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

The five colors

• Ivory (#FDF4E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D4958E): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#966E44): A full-bodied, dusty gold — the color of honey in a jar.
• Peacock (#1A6566): A full-bodied, dusty teal — the color of glacier melt.
• Bronze (#6E360A): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Wandering Fern Balcony color palette (#FEF4E3, #CA97AA, #996A5E, #4C6322, #5A413B)
• Muted Villa color palette (#FEF2ED, #C88474, #6A7745, #005F6A, #573746)
• Dusty Denim Summit color palette (#FAF1E0, #C79DB7, #9E6B44, #2E5383, #3D251F)
• Abyss Archive color palette (#FFF2EC, #CBBBAA, #A29983, #627368, #385458)
• Ember Atelier color palette (#FFF4E2, #DB640C, #775C00, #004E5E, #502B00)
• Patina Petrol Corridor color palette (#EAFAEF, #DFACCB, #B38867, #4571A6, #524155)
• Fern Delta color palette (#F5F6ED, #BAC6A7, #728966, #785F5B, #425510)
• Wandering Cocoa color palette (#FFF2EB, #E9D8D3, #FAB09A, #B49866, #6A3800)

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