Cocoa Drift color palette — #F4E0D3 · #883200 · #004462 · #3B1100 · #00070E

Rust and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F4E0D3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rust (#883200): A full-bodied, balanced orange — the color of toasted spice.
• Navy (#004462): A deep, shadowed, dusty blue — the color of deep harbor water.
• Espresso (#3B1100): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#00070E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Faded Alley color palette (#FFEAE3, #9A0025, #004942, #44000B, #000806)
• Patina Navy Canyon color palette (#FFECD3, #6B4A00, #003986, #2D1D00, #000517)
• Deep Cocoa Thicket color palette (#F5E1D8, #692900, #003A48, #002447, #050100)
• Brick Archive color palette (#F4DAEC, #B93100, #005E8C, #671700, #00070F)
• Twilit Chestnut Cabin color palette (#EADDD1, #945100, #411F00, #13170E, #110500)
• Terracotta Ridge color palette (#FFE8F1, #00829A, #A93900, #150B02, #040100)
• Misty Archive color palette (#E7E9CE, #626400, #6000B1, #2E2F00, #160031)
• Frosted Coast color palette (#F1E9DC, #876800, #4744BA, #483600, #130C4B)

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