Smoked Cocoa color palette — #DDF5FB · #005856 · #602A00 · #002423 · #030100

Built around Rust, softened by Peacock — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#DDF5FB): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#005856): A full-bodied, dusty teal — the color of sea glass.
• Rust (#602A00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#002423): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#030100): a grounded near-black with real depth.

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

• Velvet Garnet Coast color palette (#D2EAFF, #00517D, #710E00, #002136, #040000)
• Basalt Ridge color palette (#DBEEF1, #00463E, #502200, #321E00, #000201)
• Inked Corridor color palette (#D0EEF5, #005855, #6B004F, #002423, #040002)
• Obsidian Chestnut Veranda color palette (#E5EAC8, #8A4C00, #005A78, #090C13, #000103)
• Softworn Terracotta color palette (#D1ECD8, #007988, #A00B00, #003239, #040000)
• Twilit Chestnut color palette (#EEDAE1, #625000, #3E2200, #230100, #000201)
• Weathered Forest color palette (#D5EDFF, #00638B, #105907, #002E43, #000400)
• Amethyst Corridor color palette (#C4ECFA, #498DCB, #8149B8, #003C1F, #000205)

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