Cocoa Study color palette — #FFF2EC · #DFD9CD · #9CC0B9 · #D59FA6 · #723C0C
Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Bone (#DFD9CD): a clean, paper-quiet neutral.
- Ash (#9CC0B9): A luminous, dusty teal — the color of shallow lagoons.
- Rosewood Mist (#D59FA6): A luminous, dusty red — the color of a theater curtain.
- Bronze (#723C0C): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Aged Cocoa Drift color palette (#FFF2EE, #CDF5C6, #E0DDCE, #CB9BB3, #743C12)
- Softworn Driftwood color palette (#FFF0FA, #EDD2D3, #E3BF9E, #B96963, #5C4151)
- Misty Moss color palette (#FAE5CA, #CFC16F, #6E9447, #723600, #020100)
- Ancient Bronze Studio color palette (#FFF4DE, #E1E1A2, #AC9D6E, #8C6123, #33322B)
- Hushed Honey color palette (#FFF2EC, #FFB760, #B8A54A, #892B33, #0B0300)
- Antique Driftwood Bloom color palette (#FEF5D7, #BFF6DB, #9CD7F4, #A18655, #393932)
- Feathered Sunflower color palette (#FFF2EB, #DFDFCC, #E1E34D, #C45C51, #482900)
- Basalt Basin color palette (#F1F5FF, #B4FFF6, #FFD3B0, #542E00, #1B140D)
Browse the whole catalog at Explore, or see today's palette.