Smoked Cocoa color palette — #F5DDCB · #5F2D00 · #00232A · #0A1104 · #1A0006

Cocoa takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#F5DDCB): A whisper-light, dusty gold — the color of old brass.
• Cocoa (#5F2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00232A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0A1104): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#1A0006): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Optimism, Sophistication, 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

• Nocturne Navy color palette (#EDE0C2, #473C00, #0B0065, #221B09, #190009)
• Midnight Garnet color palette (#FFE6E1, #74002D, #002519, #230F05, #13001B)
• Obsidian Archive color palette (#E7E6D5, #50595F, #213500, #141E1A, #000604)
• Olive Parlor color palette (#E8E8C6, #337500, #003D23, #001E19, #000B0F)
• Muted Grove color palette (#EDDED4, #6A673A, #00463A, #3E111A, #210600)
• Tempered Navy color palette (#FAE7DB, #378CA7, #003D70, #00231B, #07002B)
• Midnight Onyx color palette (#EDE9D2, #545F00, #004049, #280043, #050000)
• Rust Pier color palette (#E8E0C5, #C85900, #486700, #00464C, #000401)

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