Cocoa Drift color palette — #F2DDCA · #723C00 · #004354 · #311600 · #000102

Built around Bronze, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Parchment (#F2DDCA): A whisper-light, dusty gold — the color of old brass.
• Bronze (#723C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#004354): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#311600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Lowlit Balcony color palette (#EDDACC, #5B2E00, #00364C, #16183B, #030100)
• Nocturne Mulberry Villa color palette (#F7E2DD, #900035, #004257, #3F0013, #000102)
• Nocturne Alley color palette (#F4E1C9, #674400, #41009B, #2B1A00, #010008)
• Velvet Chestnut color palette (#EADBCE, #8A4F00, #3E2600, #19221C, #110600)
• Antique Bronze Dune color palette (#FAE0EC, #A34E00, #005F8A, #5A2800, #00070E)
• Bronze Drift color palette (#F8DBE7, #9D5600, #00663A, #432100, #000201)
• Ultramarine Basin color palette (#EDDAF7, #005DB2, #734600, #0E0C06, #020100)
• Washed Lapis color palette (#F3E8D0, #7B6B00, #4437CE, #3F3600, #050027)

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