Dusty Cocoa color palette — #F5F2E6 · #B6B596 · #5A8060 · #764736 · #2A290E

A conversation between Coffee and Fern, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F2E6): a clean, paper-quiet neutral.
• Sage (#B6B596): A luminous, dusty green — the color of fresh herbs.
• Fern (#5A8060): A full-bodied, dusty green — the color of new leaves after rain.
• Coffee (#764736): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#2A290E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Dusty 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

• Chestnut Bloom color palette (#F1F3EB, #BDC8AE, #539085, #825717, #263800)
• Olive Lagoon color palette (#F8F1E3, #A5AE78, #4A7A24, #5A4B00, #1F2300)
• Worn Cypress Quarry color palette (#ECF9F2, #9BBA93, #2D846F, #5D5374, #304844)
• Softworn Orchard color palette (#F4F3E1, #B3E1DA, #80CBE0, #7F7C37, #34342D)
• Plum Grove color palette (#F5F4D7, #7B9959, #4583BF, #A3495C, #211F02)
• Lagoon Field color palette (#EAFAF2, #A2CFC4, #6A9E73, #89657C, #314842)
• Sunlit Delta color palette (#F5F3E2, #9BAC73, #A178C8, #596F00, #301D40)
• Faded Grove color palette (#E7E7CC, #50AA6F, #006B54, #5C3200, #001C0A)

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