Cocoa Atelier color palette — #FFF3E8 · #E9B793 · #A5B5E5 · #A091BA · #5B3100
Built around Cocoa, softened by Sand — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Sand (#E9B793): A luminous, dusty gold — the color of old brass.
- Sky (#A5B5E5): A luminous, dusty violet — the color of wild irises.
- Blue Fog (#A091BA): A luminous, dusty violet — the color of a velvet chair.
- Cocoa (#5B3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Creativity, Sophistication. Tagged light, 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
- Mustard Lantern color palette (#FAF5E4, #C8C87C, #B6AFE0, #9992C5, #3F3D36)
- Aged Quarry color palette (#FFF2ED, #F3AEAD, #86C0DB, #6EA2BA, #4D372F)
- Dusty Driftwood Garden color palette (#FFF2ED, #F7AEA6, #9BADDD, #8D74AF, #37302D)
- Washed Fern color palette (#FFF3E7, #DBD395, #88BC9F, #AB7D8A, #514900)
- Stone Loft color palette (#F7F6E9, #AECE91, #6FB6A7, #8485BD, #3A342F)
- Washed Basalt Grove color palette (#F8F5EE, #D7DCD5, #A7B4B2, #68646E, #565249)
- Dusty Mint Alley color palette (#EDFAE6, #6ACFB8, #7AB3E8, #B07AAF, #2A3821)
- Quiet Villa color palette (#FFF2EA, #FFB28C, #4595E9, #D05599, #412309)
Browse the whole catalog at Explore, or see today's palette.