Cocoa Drift color palette — #D0E6EE · #006E76 · #7E3F00 · #542800 · #000607

Bronze takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D0E6EE): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#006E76): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#542800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#000607): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Wandering Denim Quarry color palette (#D8E3ED, #005590, #5D3E00, #392400, #000205)
• Patina Mulberry color palette (#DAECF0, #007068, #9A0040, #670028, #000605)
• Timeworn Grove color palette (#D4E9DC, #006B80, #8C0057, #382300, #000102)
• Wandering Station color palette (#E8E8D0, #007E9F, #6200AA, #2F2D00, #000B1E)
• Weathered Canyon color palette (#D0F5F0, #209516, #CA2628, #7F4300, #000700)
• Amethyst Delta color palette (#ECEFFF, #7F24FC, #5A6900, #3D4800, #100525)
• Washed Indigo color palette (#CFDFFB, #4F6FFF, #827200, #5F5300, #0E1A30)
• Timeworn Rust Studio color palette (#C7EBFF, #0092C6, #BF5200, #8F3B00, #002333)

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