Hushed Cocoa color palette — #FFF4E0 · #CCE7C9 · #A3BAA0 · #9B7772 · #65433C
Cocoa and Celadon Mist set the tone — five colors that lean into sophistication.
The five colors
- Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
- Celadon Mist (#CCE7C9): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A3BAA0): A luminous, dusty green — the color of new leaves after rain.
- Mocha (#9B7772): A luminous, dusty orange — the color of autumn markets.
- Cocoa (#65433C): A full-bodied, dusty orange — the color of autumn markets.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Hushed Cocoa 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
- Aged Parlor color palette (#FDF4E7, #D6E5BB, #A1A176, #976E2E, #3A3831)
- Dusty Lagoon color palette (#DFFFE7, #8EBEB6, #57948A, #695779, #59424D)
- Dusty Cocoa color palette (#E0FFDE, #9FE9DD, #70ABCF, #97644E, #603700)
- Antique Chestnut Studio color palette (#EEFBDD, #B0D7BD, #AB89A8, #8B5B22, #48340D)
- Hushed Cocoa color palette (#CAEAE6, #7DB1C9, #6A6C95, #5B3A09, #1E1000)
- Aged Ash color palette (#CEFDFD, #BCE2E8, #9ABDC8, #8198BB, #475272)
- Coral Grove color palette (#EBFBE3, #6AD0BB, #D891B4, #C8758A, #22301A)
- Tempered Courtyard color palette (#F3FEAC, #82D8AF, #009CB1, #84424C, #591A27)
Browse the whole catalog at Explore, or see today's palette.