Muted Drift color palette — #FFD7E7 · #ABA876 · #4E9080 · #854A45 · #683430

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

The five colors

• Shell Pink (#FFD7E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Sage (#ABA876): A luminous, dusty green — the color of fresh herbs.
• Fern (#4E9080): A luminous, dusty teal — the color of sea glass.
• Coffee (#854A45): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#683430): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Muted 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

• Antique Cocoa Drift color palette (#FFDAED, #CF9F7F, #72855A, #7C466F, #6E3511)
• Cocoa Balcony color palette (#D9F1DB, #93B8A4, #488A7A, #7B433D, #5D461C)
• Garnet Quarry color palette (#CCECD3, #7B9A82, #53744E, #742F3D, #4F2B00)
• Faded Pine Garden color palette (#EAFAEB, #A1A974, #1F7D3E, #6C4900, #393E15)
• Misty Orchard color palette (#DBF2B7, #67B78D, #1E8C8C, #5F4E72, #4D2628)
• Tempered Seafoam Grove color palette (#FFF1E1, #B3E0A4, #6EBBC3, #A87F76, #713D49)
• Dusty Teal Lagoon color palette (#D6F3BB, #9CCCAE, #44A7A0, #7D6B93, #544564)
• Hushed Garnet Loft color palette (#D0F3E3, #7F824D, #21624A, #671616, #312300)

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