Powdered Cocoa color palette — #DBF3DF · #A49144 · #625D00 · #6F2C00 · #372D00
A conversation between Rust and Moss, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DBF3DF): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#A49144): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#625D00): A full-bodied, balanced green — the color of fresh herbs.
- Rust (#6F2C00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Espresso (#372D00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Powdered 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
- Feathered Amber Garden color palette (#EADCCB, #B78400, #785900, #504100, #1E340C)
- Faded Thicket color palette (#D4F4E8, #7BA04B, #266C00, #593D00, #213500)
- Pale Bronze Grove color palette (#F2E5B7, #9E8200, #00817E, #5E4D00, #003635)
- Moss Meadow color palette (#F1F0A2, #A7A000, #655E00, #353100, #1B1A00)
- Fern Garden color palette (#D6ECD6, #9F993A, #3E6900, #5F2354, #191700)
- Clover Garden color palette (#D4FFE9, #CBDD9C, #74BD5A, #786000, #353700)
- Softworn Boulevard color palette (#F4ECD6, #8B6D00, #007843, #9D001D, #2E2200)
- Cypress Bloom color palette (#E5FBF7, #70A7A3, #217352, #524C1E, #003E3C)
Browse the whole catalog at Explore, or see today's palette.