Driftwood Study color palette — #FFF1F3 · #E3DAD1 · #9B7999 · #573F42 · #22181A

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bone (#E3DAD1): a clean, paper-quiet neutral.
• Heather (#9B7999): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#573F42): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#22181A): quiet, heavy and certain.

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

Use it as a design system

One click turns Driftwood Study 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 Villa color palette (#FFF2EC, #E8DFB6, #A56157, #5E2402, #180C07)
• Ash Parlor color palette (#FCF2F5, #F1DBB7, #AB94BA, #83626C, #33282B)
• Antique Pewter Alley color palette (#F1F1FB, #ABCDB2, #6E577C, #2F2D49, #13131D)
• Mallow Archive color palette (#FFF1F4, #E8A8F2, #D6A187, #5F8D7D, #3F2C30)
• Muted Mallow Boulevard color palette (#FFF1F2, #F0A5D1, #C28C5D, #5C7297, #2E1E24)
• Washed Plum color palette (#FFF1F0, #FFCCAE, #A14674, #4B1A33, #150202)
• Dusty Taupe color palette (#FFF2F0, #E8D6CF, #DE9697, #A06A62, #653221)
• Deep Amber color palette (#FDE0D0, #C47B00, #4F1400, #0F0A04, #040000)

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