Cocoa Studio color palette — #FFEDEA · #E0D8C8 · #C1CEA0 · #9E7C81 · #652A0B
A conversation between Rust and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFEDEA): A whisper-light, dusty orange — the color of autumn markets.
- Bone (#E0D8C8): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Pistachio (#C1CEA0): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#9E7C81): A luminous, dusty red — the color of a theater curtain.
- Rust (#652A0B): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, 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
- Dusty Study color palette (#FFEDEE, #F9E5B6, #E3D2CC, #A0818F, #4D3A39)
- Tempered Mustard color palette (#FFEEE6, #E2D8BA, #C7C65D, #A9587E, #3D2410)
- Patina Celadon Lagoon color palette (#FFEFDB, #D4F7BA, #9CD6AB, #99685E, #362A14)
- Washed Market color palette (#FAF0E5, #CCB993, #9B7D58, #7F481B, #2F2C1D)
- Stone Terrace color palette (#FFF0FE, #DBD8CD, #CFB4D3, #A4A499, #5B4A58)
- Pine Lantern color palette (#F8ECD0, #9DAA54, #008660, #632A00, #070600)
- Amber Quarry color palette (#FFE9EB, #BC733C, #7D6900, #53123E, #080100)
- Dusty Corridor color palette (#FAEFE7, #BB7041, #386B9E, #504368, #28191C)
Browse the whole catalog at Explore, or see today's palette.