Cocoa Study color palette — #FFF0F9 · #C09BAA · #99634C · #773F3A · #2D442D

Coffee takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mauve (#C09BAA): A luminous, dusty rose — the color of a warm blush.
• Walnut (#99634C): A full-bodied, dusty orange — the color of autumn markets.
• Coffee (#773F3A): A full-bodied, dusty orange — the color of autumn markets.
• Forest (#2D442D): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Cocoa Coast color palette (#FFF1F5, #90B194, #946839, #784122, #274533)
• Garnet Ridge color palette (#F4E2ED, #B2899C, #934E34, #772124, #223621)
• Bronze Chapel color palette (#FFE8E1, #D39D7C, #A06908, #615100, #414400)
• Patina Pewter color palette (#FFF1F5, #A7BFAB, #997481, #765065, #3B4C42)
• Ancient Parlor color palette (#FFF2EA, #F3C6A4, #D29F8A, #A27F71, #553500)
• Airy Brick Delta color palette (#F9F3F8, #DD9A97, #7B7112, #AC212F, #0E2A1E)
• Onyx Orchard color palette (#F9F3FA, #C2AC7E, #743F49, #4F1726, #281D2B)
• Aged Amber color palette (#F3D4E2, #BB802D, #8A4600, #6C1D00, #352600)

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