Cocoa Studio color palette — #FFF3E8 · #DCE3C9 · #AFCFB4 · #AE8675 · #664800
A conversation between Bronze and Caramel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Celadon Mist (#DCE3C9): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#AFCFB4): A whisper-light, dusty green — the color of new leaves after rain.
- Caramel (#AE8675): A luminous, dusty orange — the color of autumn markets.
- Bronze (#664800): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.
Use it as a design system
One click turns Cocoa Studio 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
- Bronze Atelier color palette (#FDF3EA, #C6B59D, #A8733F, #884B29, #594500)
- Hushed Driftwood color palette (#E9F6E9, #C3E1DC, #96BCCE, #A88364, #314334)
- Tempered Corridor color palette (#FFF3E3, #D1ECAA, #72D0AB, #A96128, #43413A)
- Misty Teal Pier color palette (#FBEDCD, #C2DAA8, #33B49B, #824500, #2E3402)
- Feathered Mint Dune color palette (#E6DFBC, #83CC97, #24A0AC, #584400, #0E2D04)
- Weathered Chestnut color palette (#F9F5E8, #D6BC94, #705C0A, #3B3832, #22261C)
- Weathered Pine Terrace color palette (#F6EADA, #989C61, #00885C, #631700, #0D0A00)
- Worn Terrace color palette (#F8F5EC, #C3C58E, #2A8D92, #717132, #273128)
Browse the whole catalog at Explore, or see today's palette.