Cocoa Drift color palette — #F2E7F9 · #9E6788 · #793738 · #203D14 · #001C12

Rust takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F2E7F9): A whisper-light, dusty violet — the color of a velvet chair.
• Mocha (#9E6788): A full-bodied, balanced pink — the color of peonies in June.
• Rust (#793738): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#203D14): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001C12): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, 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

• Wandering Garnet Basin color palette (#ECDAF1, #996581, #8C2C33, #132600, #000301)
• Wandering Cocoa Dune color palette (#F1D7DB, #9E6B63, #714303, #003934, #001218)
• Softworn Mulberry Veranda color palette (#E5ECF9, #8274A2, #6F3A6B, #3E2F00, #0C1000)
• Washed Terracotta Hollow color palette (#CBE0FA, #96789F, #A0494F, #004D4F, #00191A)
• Patina Field color palette (#E8EEFF, #666893, #44335A, #002A1C, #00121B)
• Weathered Abyss color palette (#F9D4DF, #B08DAA, #8F6A41, #00594E, #002B34)
• Weathered Plum Orchard color palette (#F6E4FC, #B5295F, #00675A, #6B0031, #000806)
• Dusty Rust color palette (#F9E5E5, #C24552, #84001E, #3E000C, #070001)

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