Cocoa Drift color palette — #D7E7EF · #006B7D · #723C00 · #00333C · #1C0A00

A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#D7E7EF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006B7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#723C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00333C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1C0A00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Pale Delta color palette (#D2EEF4, #006D6A, #900028, #003432, #260005)
• Pale Terracotta color palette (#C3E6FB, #0084A8, #A74200, #004D63, #200700)
• Patina Garnet color palette (#DAECFF, #004E8A, #771700, #412400, #000815)
• Timeworn Loft color palette (#D2EBD5, #696C29, #4A3400, #321100, #011000)
• Nightshade Hollow color palette (#DFEAFB, #2C43AC, #593500, #0B006B, #0C0400)
• Quiet Azure color palette (#CFE8FF, #259BE8, #9A4500, #005382, #4C1F00)
• Gentle Aubergine color palette (#E8E9FF, #8154AD, #516200, #500080, #171E00)
• Plum Studio color palette (#D5F0FF, #93A2D4, #9F599B, #005142, #001C38)

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