Driftwood Veranda color palette — #FDF2F4 · #E3DCD1 · #9879A1 · #583E44 · #22181A

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

The five colors

• Ivory (#FDF2F4): a clean, paper-quiet neutral.
• Bone (#E3DCD1): a clean, paper-quiet neutral.
• Heather (#9879A1): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#583E44): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#22181A): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Garnet Loft color palette (#FFF2ED, #E9DDB8, #A4615E, #5F2308, #190C07)
• Ancient Ash Market color palette (#FBF2F6, #DFE2B7, #A594C6, #876070, #34272C)
• Hushed Balcony color palette (#FFF1F5, #D3B4F1, #D3A097, #508BA3, #402A32)
• Patina Basin color palette (#F5F4FC, #D8B3CF, #714F7D, #38354B, #29212A)
• Patina Ash color palette (#FDF2F3, #E3D7D2, #E39792, #C281B1, #271B16)
• Washed Pewter Delta color palette (#F0F1FA, #B0CEA2, #665887, #2B2E4A, #12131B)
• Muted Pewter Bloom color palette (#FFF3E7, #FFCED4, #C89389, #7A7443, #513830)
• Misty Pier color palette (#FFF1F2, #FFCBB6, #9F4484, #4F103E, #170002)

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