Dusty Cocoa color palette — #F9F5EC · #DEE0CC · #928656 · #5A4200 · #1F1B12

Built around Deep Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#F9F5EC): a clean, paper-quiet neutral.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#928656): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#5A4200): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F1B12): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Aged Cocoa Hollow color palette (#FEF2ED, #D6FCCD, #AA776C, #6E3310, #221915)
• Tempered Station color palette (#EEF9EB, #F1DDC1, #3B857C, #2D3E29, #0A1208)
• Tempered Taupe color palette (#EDF9F0, #EFDCB0, #AE9D6C, #5C7463, #222F26)
• Ancient Chestnut Study color palette (#F6F1E9, #D6C09A, #7B5C11, #34312A, #18130A)
• Softworn Turquoise color palette (#F9F4ED, #C9DECB, #6CBDCA, #B0965E, #18211A)
• Hushed Olive Atelier color palette (#F9F6DF, #FFCE9B, #5A7700, #263401, #090800)
• Inked Market color palette (#EAE4D1, #A56D00, #1D1D00, #0A0C06, #010100)
• Worn Mustard color palette (#FDF4E1, #D5C46C, #A5A8E2, #7B7DA9, #34312B)

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