Cocoa Drift color palette — #FAEEF5 · #D3B0BD · #9A768D · #77494D · #213024

Coffee and Heather set the tone — five colors that lean into warmth and comfort.

The five colors

• Blush (#FAEEF5): a clean, paper-quiet neutral.
• Rosewood Mist (#D3B0BD): A luminous, dusty rose — the color of a warm blush.
• Heather (#9A768D): A luminous, dusty pink — the color of neon signs at night.
• Coffee (#77494D): A full-bodied, dusty red — the color of late-summer berries.
• Deep Forest (#213024): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Pewter Delta color palette (#ECF5EC, #A6C4B2, #6E8C70, #704B5E, #16322A)
• Driftwood Ridge color palette (#FCF2F8, #D0ACBE, #A37361, #72516A, #544249)
• Antique Fern Terrace color palette (#FEEBFF, #DDB3CC, #AD8152, #615100, #263100)
• Hushed Plum color palette (#F5F0F5, #D4B8D9, #92824A, #A75463, #0B1A11)
• Pewter Meadow color palette (#F5EFF9, #A3CFBC, #7F5262, #3A2A42, #17111A)
• Cocoa Drift color palette (#FDF3ED, #E3DBC4, #CBA58F, #A06A5F, #5E3300)
• Weathered Garnet Market color palette (#F5DCE5, #97845A, #7B4600, #5A1600, #100F00)
• Timeworn Chapel color palette (#FBEDF4, #B78970, #768B61, #136880, #2D1D26)

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