Cocoa Drift color palette — #FEF4E0 · #FFCED8 · #BA9D6E · #55749D · #662C06

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

The five colors

• Cream (#FEF4E0): A whisper-light, dusty gold — the color of old brass.
• Shell Pink (#FFCED8): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#BA9D6E): A luminous, dusty gold — the color of old brass.
• Slate (#55749D): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#662C06): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Weathered Taupe Drift color palette (#FBF5E1, #FFCBE5, #C6976E, #4E7E6D, #523830)
• Antique Taupe color palette (#FFF3E8, #FFD3B0, #8CAD7D, #746B93, #533A00)
• Patina Shell Boulevard color palette (#FFF2F0, #F9B5CD, #74A78A, #616695, #4B2D41)
• Weathered Cabin color palette (#EAFAED, #FAC1AF, #CAA875, #3B9BA8, #593E4C)
• Hushed Thicket color palette (#EAFAEF, #CF95A2, #94702F, #405B7D, #53414E)
• Tempered Summit color palette (#FFF2EA, #EFC479, #5DA37A, #74538C, #34322B)
• Wandering Basalt Orchard color palette (#FFF2F0, #E1DDCF, #C5BFA7, #9E8B96, #5E4755)
• Quiet Moss Summit color palette (#FFF3E4, #FFA393, #908A00, #414FA0, #3F1E00)

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