Smoked Cocoa color palette — #EFE5DA · #674400 · #004737 · #2C1A00 · #000201

Bronze and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#EFE5DA): a clean, paper-quiet neutral.
• Bronze (#674400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004737): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#2C1A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• 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

• Velvet Delta color palette (#FFEADD, #822C00, #174800, #390E00, #000200)
• Garnet Courtyard color palette (#F6ECD8, #5B4B00, #700039, #251E00, #040001)
• Lowlit Navy color palette (#F5DCE4, #744400, #003985, #311A00, #000517)
• Inked Terrace color palette (#FCE8E0, #006D68, #4D5900, #070D08, #020100)
• Ancient Olive Drift color palette (#E7DED0, #9A894B, #697100, #492D00, #040200)
• Patina Bronze Coast color palette (#D6F1D6, #8D5E00, #006853, #4D3200, #000805)
• Nocturne Aubergine Lagoon color palette (#EFDACC, #7A3500, #59007B, #351300, #030005)
• Ultramarine Lantern color palette (#FBE2CB, #9B5800, #213FC7, #422200, #00000C)

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