Muted Driftwood Ridge color palette — #FFF1F3 · #E3DAD1 · #9E769D · #5A3D42 · #22181A

A conversation between Heather and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3DAD1): a clean, paper-quiet neutral.
• Heather (#9E769D): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#5A3D42): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#22181A): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Cocoa Thicket color palette (#FFF2EC, #E7DFB6, #A16459, #5E2401, #180C06)
• Wandering Taupe Cabin color palette (#FCF2F5, #F2DAB5, #BD909D, #83626C, #34272B)
• Pewter Harbor color palette (#F1F1F9, #AECCB4, #5F5C81, #302C4B, #13121D)
• Mallow Chapel color palette (#FFF1F3, #E4A1E2, #C0886C, #4D6F8C, #32232B)
• Washed Studio color palette (#FFF1F1, #FFCCB0, #A04775, #4F1435, #140202)
• Hushed Stone color palette (#FFF1F5, #ECD4CC, #E49B9D, #9F645B, #632B16)
• Amber Ridge color palette (#F9E3D6, #C47B00, #4F1400, #0F0A04, #040000)
• Airy Mulberry Hollow color palette (#FFF2EF, #FFA159, #8D1F4B, #2E0816, #040000)

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