Cocoa Studio color palette — #FFF2EC · #FFD4B5 · #DBB084 · #A78754 · #5C4800
Built around Deep Olive, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Peach Cream (#FFD4B5): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#DBB084): A luminous, dusty gold — the color of afternoon light on wheat.
- Caramel (#A78754): A luminous, dusty gold — the color of afternoon light on wheat.
- Deep Olive (#5C4800): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged 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
- Sunlit Sand color palette (#DFFFE2, #F2DC96, #C2BB77, #929861, #3D4C0B)
- Tempered Harbor color palette (#FFF1F2, #FFB79E, #BF915A, #807437, #424E10)
- Cocoa Studio color palette (#FFF1F5, #FFCBD2, #E8A5A2, #B37A6F, #6C3725)
- Driftwood Basin color palette (#F6EEFF, #CFAECC, #B07C4D, #5D5100, #183800)
- Sand Thicket color palette (#EBFAEC, #FFC195, #C7A97A, #659793, #564148)
- Softworn Basin color palette (#FDEDF2, #EEA554, #6F8171, #5C5155, #262022)
- Honey Summit color palette (#FFE3C6, #FBBA3E, #C5A000, #877900, #353500)
- Dusty Stone color palette (#FBF2F7, #E4D7D7, #96C9CA, #BAAEA6, #575054)
Browse the whole catalog at Explore, or see today's palette.