Cocoa Atelier color palette — #FFF3E8 · #C7C2B0 · #8A9882 · #806764 · #743E0C
A conversation between Bronze and Eucalyptus, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Stone (#C7C2B0): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#8A9882): A luminous, dusty green — the color of fresh herbs.
- Pewter (#806764): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#743E0C): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa Atelier 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 Chestnut color palette (#FDF3EA, #CBC0A5, #718A64, #8A5922, #604A00)
- Muted Taupe Canyon color palette (#FBF6DB, #D7DCC6, #9CAF92, #957987, #664D4F)
- Dusty Garden color palette (#F4E0C4, #839A6E, #3A787E, #6F3C27, #49310A)
- Muted Pewter Garden color palette (#FBF3EF, #CBE7E4, #76A498, #637651, #63495C)
- Pewter Market color palette (#E0F9EE, #B3D3CE, #7D999D, #61657E, #3E384A)
- Patina Archive color palette (#DFE7D7, #18ABAA, #4C6C93, #585200, #423D00)
- Cypress Market color palette (#F1F8EC, #80BFAC, #B388AE, #04866E, #693F45)
- Tempered Grove color palette (#FFF5D8, #A7C68E, #509066, #1E736B, #28534C)
Browse the whole catalog at Explore, or see today's palette.