Cocoa Drift color palette — #F2E8D9 · #634600 · #00463B · #2A1B00 · #000201

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

The five colors

• Parchment (#F2E8D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#634600): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#00463B): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#2A1B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Drift 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

• Midnight Quarry color palette (#F8DCCC, #832B00, #1E4700, #390E00, #000200)
• Moonless Chestnut Corridor color palette (#F2DCC2, #664E18, #3A2500, #190A00, #020100)
• Fern Dune color palette (#E4E6C9, #2D6C00, #7D2A00, #113300, #080100)
• Navy Grove color palette (#CCE7CD, #6D4900, #003B81, #2E1C00, #000516)
• Misty Ultramarine color palette (#F8E7D2, #905F00, #003BD4, #3D2600, #00000A)
• Muted Bronze Coast color palette (#D0EDD5, #866300, #00675A, #493400, #000806)
• Weathered Bronze color palette (#F1E7CF, #918000, #007A7E, #514700, #001617)
• Antique Olive Delta color palette (#F2DFBE, #938A44, #617100, #3D2700, #040300)

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