Smoked Cocoa color palette — #FFE7F6 · #832B00 · #1F4700 · #390E00 · #000200
A conversation between Rust and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE7F6): A whisper-light, dusty pink — the color of a candy shop window.
- Rust (#832B00): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#1F4700): A deep, shadowed, balanced green — the color of fresh herbs.
- Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Smoked 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
- Eclipse Mulberry color palette (#ECD7EF, #8E0838, #413D00, #3F0014, #010100)
- Cocoa Bloom color palette (#D8EFDD, #604800, #00463E, #281C00, #000201)
- Velvet Onyx Field color palette (#FFE5DC, #691F00, #363300, #400038, #040000)
- Weathered Terracotta color palette (#FFE8DF, #9B030E, #00455C, #440103, #00070D)
- Deep Basin color palette (#FCDEED, #7A3600, #59007B, #351300, #030005)
- Midnight Fern color palette (#FCE2E8, #2F7000, #6F4A00, #0D0D06, #020100)
- Airy Mulberry color palette (#CEE7D7, #6B5A00, #880047, #322900, #0A0002)
- Rust Boulevard color palette (#F2D6E8, #B53D00, #006166, #4E1500, #000202)
Browse the whole catalog at Explore, or see today's palette.