Cocoa Studio color palette — #FDF3EB · #EAD5C0 · #CEAF94 · #B6856B · #633F00
Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FDF3EB): a clean, paper-quiet neutral.
- Bone (#EAD5C0): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Rosewood Mist (#CEAF94): A luminous, dusty gold — the color of honey in a jar.
- Caramel (#B6856B): A luminous, dusty orange — the color of toasted spice.
- Bronze (#633F00): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Moss Atelier color palette (#FFF3E2, #EFDBB5, #C4BE85, #8B9537, #3B4E00)
- Quiet Rust Chapel color palette (#F8DFCF, #C7916F, #C05B28, #963720, #251000)
- Powdered Alley color palette (#FFEBCF, #DAC692, #CD9A2E, #AE7000, #3F3500)
- Pewter Bloom color palette (#FBF3EF, #F3D9BE, #C29182, #8E6052, #332923)
- Bronze Garden color palette (#F9ECD3, #BAB381, #A48D3C, #896400, #262600)
- Stone Basin color palette (#FDEDF3, #DCACBB, #9E7586, #68505C, #233024)
- Tempered Chestnut color palette (#F1DCC4, #A2782D, #845300, #5F3200, #050300)
- Turquoise Meadow color palette (#FFF1F1, #E3ACCC, #4CAFCC, #6E8CC8, #462F36)
Browse the whole catalog at Explore, or see today's palette.