Dusty Cocoa color palette — #F5E2E8 · #A9946A · #825A2A · #6C3102 · #143826

Built around Rust, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Rose Water (#F5E2E8): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#A9946A): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#825A2A): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6C3102): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#143826): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Timeworn Chestnut Lantern color palette (#F3D8E1, #A9985A, #8D560D, #622B22, #001E16)
• Aged Fern Grove color palette (#D9EEE3, #73A293, #69672B, #554100, #003932)
• Worn Bronze color palette (#F4E5D7, #BEAE71, #AA7336, #7F4B40, #31312A)
• Garnet Veranda color palette (#F1D4E5, #B87F53, #983800, #76000E, #3A2300)
• Weathered Corridor color palette (#D7EDD9, #867534, #5C3F00, #3D1F00, #171700)
• Chestnut Balcony color palette (#FFF1F7, #CBB0B8, #987485, #7D5044, #3B4D3E)
• Cocoa Studio color palette (#D8F4FB, #00827C, #894573, #722C00, #002C34)
• Weathered Taupe Hollow color palette (#DFF3F6, #B4985C, #004E46, #002823, #02111D)

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