Dusty Cocoa Terrace color palette — #E3F7DC · #9BC0A5 · #688F84 · #7F5A54 · #773C19
A conversation between Bronze and Sage, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E3F7DC): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9BC0A5): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#688F84): A luminous, dusty teal — the color of shallow lagoons.
- Pewter (#7F5A54): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#773C19): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Dusty Cocoa Terrace 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
- Patina Chestnut color palette (#E5FBE8, #9AB7AA, #9A7F97, #7D5D54, #614D00)
- Hushed Orchard color palette (#E4F2C8, #77C3C8, #967F8F, #804322, #5A2300)
- Ancient Powder Harbor color palette (#DFFFE2, #A0CFDE, #8A9AB1, #8D6F81, #614E5A)
- Lagoon Pier color palette (#F4F6ED, #A5B790, #00857B, #576016, #334B06)
- Patina Powder Alley color palette (#DCF1FF, #92ADED, #836AA3, #844E29, #554516)
- Worn Iris color palette (#CFE9E1, #8893CC, #735881, #613808, #35332C)
- Cerulean Ridge color palette (#F9F4ED, #C5E5D4, #4692C2, #007074, #544055)
- Azure Delta color palette (#CCF9FD, #3FA1D5, #4D64AC, #803934, #5D310B)
Browse the whole catalog at Explore, or see today's palette.