Cocoa Atelier color palette — #E7F5F5 · #7BA98A · #6E69A4 · #703E0D · #002F26
Built around Bronze, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#E7F5F5): a clean, paper-quiet neutral.
- Jade (#7BA98A): A luminous, dusty teal — the color of sea glass.
- Slate (#6E69A4): A full-bodied, balanced violet — the color of a velvet chair.
- Bronze (#703E0D): A full-bodied, balanced gold — the color of old brass.
- Deep Forest (#002F26): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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
- Garnet Bloom color palette (#EBF4F1, #94A46C, #3D78A2, #763247, #2F2700)
- Iris Cabin color palette (#F3F7EE, #80C1A5, #8B82C2, #8D5C3A, #45423B)
- Washed Petrol Parlor color palette (#ECF7FF, #61A0C4, #6769A5, #6C436A, #124B52)
- Misty Boulevard color palette (#DEF8FA, #009978, #6834BB, #552D00, #001E12)
- Aged Pewter color palette (#D7FAF9, #AEC6CE, #8695A7, #775867, #29473C)
- Driftwood Veranda color palette (#EBF5ED, #ACCCBE, #6E8D65, #396A73, #21362E)
- Ancient Mulberry Lantern color palette (#E7F4FC, #3E9ABA, #944764, #2B4B00, #002420)
- Cerulean Hollow color palette (#E5EFF5, #3390A4, #2F3D4C, #0E2129, #070E0F)
Browse the whole catalog at Explore, or see today's palette.