Cocoa Drift color palette — #FBF4EC · #DBC7B0 · #B1967A · #936A4E · #614000

Built around Bronze, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Oat (#DBC7B0): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B1967A): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#936A4E): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#614000): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Amber Bloom color palette (#FFF3E8, #D5B899, #B58358, #8E5B3C, #413C36)
• Ancient Bronze Basin color palette (#F2DAB7, #BAA361, #996F00, #724900, #302900)
• Ancient Summit color palette (#FFF1F5, #E5E4C4, #CCA0AF, #8D717D, #354437)
• Aged Atelier color palette (#F5E4D0, #98773D, #724800, #492700, #100A00)
• Dusty Quarry color palette (#F3F6F0, #D8D2AE, #548A77, #435333, #272E21)
• Aged Meadow color palette (#F1F7F2, #A1DEE2, #61A5C7, #009FA7, #1F332B)
• Pale Canyon color palette (#DBFFED, #AEDDCC, #71A4D5, #486FB2, #304080)
• Linen Archive color palette (#EFE993, #BBDBFF, #00EAD2, #3F4E3A, #2E352B)

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