Dusty Cocoa Grove color palette — #FFF3E2 · #CFF0FF · #CFECC9 · #D8A695 · #574600

A conversation between Deep Olive and Rosewood Mist, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Frost (#CFF0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Celadon Mist (#CFECC9): A whisper-light, dusty green — the color of new leaves after rain.
• Rosewood Mist (#D8A695): A luminous, dusty orange — the color of toasted spice.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Dusty Cocoa Grove 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 Basalt color palette (#FFF4E0, #CDD79E, #C1AA70, #9D826C, #3C4200)
• Dusty Alley color palette (#F7F9CB, #C2FFF6, #BCDCFF, #B9A965, #344901)
• Gentle Apricot color palette (#FAF8CA, #A4FFBF, #55DFFD, #DC8D4E, #2F3F11)
• Glacier Lantern color palette (#E3FCEE, #A1E9E4, #9ABAE0, #82A286, #3D554B)
• Hazy Thicket color palette (#F7F7E1, #92CD67, #D892C8, #B07CA3, #33332C)
• Antique Studio color palette (#F3F8E7, #FFC8A3, #61A779, #5C6B26, #202318)
• Patina Bronze color palette (#E1F9EB, #B2E7F0, #93D3D9, #A7744A, #18372C)
• Soft Veranda color palette (#FFE9F3, #BECDFF, #E9C500, #7A5C10, #2C281D)

Browse the whole catalog at Explore, or see today's palette.