Cocoa Study color palette — #E3E5F4 · #9A7398 · #7B3D3D · #003C37 · #061B04
Built around Rust, softened by Heather — the whole palette hums with nature and growth.
The five colors
- Frost (#E3E5F4): A whisper-light, dusty violet — the color of a velvet chair.
- Heather (#9A7398): A luminous, dusty pink — the color of peonies in June.
- Rust (#7B3D3D): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#003C37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#061B04): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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
- Wandering Coast color palette (#F1E5F0, #AD6262, #7A4B1C, #003347, #001911)
- Wandering Mulberry color palette (#D8E7F3, #6D73B5, #773B74, #1B310A, #151400)
- Muted Orchard color palette (#EFDAED, #AF7998, #724652, #533200, #342600)
- Patina Orchard color palette (#E3DDEB, #995A79, #712301, #00292E, #000B0F)
- Aged Wisteria Alley color palette (#E7E5F8, #C577B5, #955952, #1C5457, #002E1F)
- Dusty Blush color palette (#FFD4EC, #D590A6, #9D5B5E, #593E00, #181500)
- Muted Station color palette (#FFEBF6, #DBB1B3, #AF7E7B, #465E45, #283D2D)
- Antique Chestnut Hollow color palette (#F3E2E6, #BA8677, #6E6021, #2B4363, #10183D)
Browse the whole catalog at Explore, or see today's palette.