Cocoa Drift color palette — #F4F4FF · #9F77AF · #91485D · #733300 · #423800

Built around Rust, softened by Raspberry — the whole palette hums with nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Dusty Rose (#9F77AF): A luminous, balanced pink — the color of peonies in June.
• Raspberry (#91485D): A full-bodied, balanced red — the color of a theater curtain.
• Rust (#733300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#423800): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Washed Canyon color palette (#F0F5FF, #7783C5, #834B84, #801E2D, #503003)
• Chestnut Loft color palette (#F9F2FE, #B5708C, #944C29, #554700, #11431B)
• Cocoa Basin color palette (#EBEDFF, #B1AFCF, #887C9E, #7A5D70, #6B4343)
• Wandering Brick Cabin color palette (#EDDBED, #A9404C, #663A00, #2D3100, #002718)
• Patina Sky Meadow color palette (#EBF9F3, #37B1EA, #B9607B, #4A6922, #2B3F1B)
• Patina Lilac Lantern color palette (#FEF1FA, #A6BBFF, #BD8AC9, #A46A74, #17412D)
• Airy Meadow color palette (#E6F4FF, #1499CF, #A43956, #2A4B02, #122402)
• Soft Violet color palette (#E1E8FF, #ADA1E1, #8B68C0, #6D4193, #573C63)

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