Cocoa Study color palette — #FFEDEA · #E0D6C8 · #CEC69B · #A1797B · #65290F
Rust and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFEDEA): A whisper-light, dusty orange — the color of autumn markets.
- Bone (#E0D6C8): A whisper-light, dusty gold — the color of old brass.
- Pistachio (#CEC69B): A whisper-light, dusty green — the color of a quiet forest floor.
- Mocha (#A1797B): A luminous, dusty red — the color of late-summer berries.
- Rust (#65290F): 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 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
- Ancient Driftwood color palette (#FFECF0, #E3D4CC, #ACAD93, #AB8194, #4B3739)
- Worn Driftwood color palette (#FDF0DF, #D2E8B9, #B6CA98, #AC765C, #352C1B)
- Worn Chestnut Bloom color palette (#FCF0E3, #CDB898, #A37A4D, #7F4919, #332B1A)
- Mustard Bloom color palette (#FFEEE6, #EAD8AE, #E0AA38, #B44D70, #3C1A07)
- Soft Hollow color palette (#E9DECD, #9A9C41, #37922C, #5C3000, #070400)
- Moss Lantern color palette (#ECDDCF, #D4AF61, #819300, #7A230F, #140A00)
- Garnet Basin color palette (#FFE4DB, #CB7145, #8B5E00, #620038, #070000)
- Patina Ridge color palette (#FFF2F0, #DDF9CC, #E1DBCF, #BFAED8, #5D4942)
Browse the whole catalog at Explore, or see today's palette.