Smoked Cocoa color palette — #CEECEE · #005C44 · #5F2C00 · #211600 · #000201

Cocoa and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Frost (#CEECEE): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#005C44): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5F2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#211600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000201): quiet, heavy and certain.

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

• Obsidian Garnet color palette (#D1E3E0, #245C00, #75001A, #2A1000, #000200)
• Deep Abyss color palette (#D6F0F8, #005454, #321F00, #0B0D00, #000201)
• Inked Mulberry Chapel color palette (#F3E8F4, #920036, #493A00, #131C00, #040001)
• Aged Chapel color palette (#E1F2FF, #00688E, #4C5300, #003212, #000103)
• Softworn Bronze color palette (#E4FAFF, #009E98, #9F6A00, #554F00, #00090D)
• Forest Atelier color palette (#DDF0F8, #007B87, #8F4F00, #0A560C, #000203)
• Onyx Study color palette (#DEF3EC, #003A60, #490049, #00180D, #000205)
• Mulberry Dune color palette (#E7E0F4, #91007A, #570006, #172226, #0E0600)

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