Cocoa Study color palette — #FCEFE9 · #BAB683 · #833C35 · #47130F · #180702

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

The five colors

• Cream (#FCEFE9): a clean, paper-quiet neutral.
• Sage (#BAB683): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#833C35): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#47130F): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#180702): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cocoa Study 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 Quarry color palette (#FCEEEF, #ACBA89, #704465, #401237, #160809)
• Chestnut Balcony color palette (#F8F0E9, #D5C19B, #85551C, #35302B, #19120B)
• Aged Bloom color palette (#FAF1E1, #CCA040, #5F4900, #2A1F00, #0D0600)
• Patina Bronze color palette (#FCF2FA, #CDC690, #A15B54, #53384F, #291D27)
• Brick Hollow color palette (#F7F0EC, #DDA394, #4E853D, #B12F00, #0F0F02)
• Softworn Aubergine color palette (#FFEFDC, #C88D60, #687222, #4A367F, #311F02)
• Bronze Drift color palette (#F5E5DC, #786800, #3A0D00, #16170D, #090100)
• Wandering Driftwood Station color palette (#E9E2D3, #AB8748, #413900, #161200, #030100)

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