Smoked Cocoa color palette — #F1D6DF · #6E4100 · #494D00 · #181C14 · #090500

Bronze and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F1D6DF): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6E4100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#494D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#181C14): a grounded near-black with real depth.
• Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Fern Harbor color palette (#CBEDE0, #4C5300, #3A4047, #0D1418, #030700)
• Muted Alley color palette (#F0E1C9, #A07700, #655300, #2F2700, #020200)
• Basalt Drift color palette (#FDE3CC, #552E00, #230F0A, #090900, #060002)
• Muted Market color palette (#FFECDC, #995900, #3A3200, #251510, #120208)
• Wandering Moss color palette (#DEFEEF, #969900, #324301, #001B11, #000201)
• Ancient Veranda color palette (#EBFAEE, #CAAB58, #3F5C4D, #222F25, #0C110C)
• Tempered Pier color palette (#E5FAF9, #50B579, #244E51, #062323, #020706)
• Fern Pier color palette (#E9E3D3, #9C9B54, #486B00, #003B39, #000A0C)

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