Driftwood Studio color palette — #FEF2F3 · #E2DCD0 · #9D7799 · #5B3C41 · #231819

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

The five colors

• Ivory (#FEF2F3): a clean, paper-quiet neutral.
• Bone (#E2DCD0): a clean, paper-quiet neutral.
• Heather (#9D7799): A luminous, dusty pink — the color of peonies in June.
• Cocoa (#5B3C41): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#231819): a grounded near-black with real depth.

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

Use it as a design system

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

• Wandering Cocoa color palette (#FFF2EC, #E7DFB5, #99685C, #5D2600, #180C06)
• Muted Pier color palette (#FDF2F5, #E0E1BE, #AB94BB, #895F6C, #34272B)
• Hushed Pewter color palette (#F6F3FE, #E7B29F, #764E70, #3B344C, #2A2229)
• Weathered Orchard color palette (#FFF1F2, #E6B0D5, #CEA584, #908153, #3E2D2D)
• Muted Plum Grove color palette (#FFF1F0, #FFCCB0, #A34471, #4C1932, #170001)
• Tempered Cocoa Boulevard color palette (#FFF2EF, #E3D8D2, #E6A49B, #A2634E, #5E2901)
• Hushed Garnet color palette (#FFE9E0, #DE8C39, #740413, #0D110A, #170001)
• Eclipse Amber Dune color palette (#EFDDD2, #C37C00, #4C1800, #0F0B04, #030000)

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