Driftwood Veranda color palette — #FFF1F1 · #D0D6AE · #996E86 · #653F55 · #342828

Mocha and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Wheat (#D0D6AE): A whisper-light, dusty green — the color of fresh herbs.
• Mocha (#996E86): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#653F55): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#342828): quiet, heavy and certain.

Feels like: Nature, Growth, 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

• Tempered Bronze Market color palette (#FDF3ED, #DBD1AE, #A96D45, #6C402F, #342821)
• Hushed Driftwood color palette (#F6F3FC, #E3FFD6, #A17696, #494255, #1C1A22)
• Sand Ridge color palette (#FFF2EF, #F7DA9F, #C68B9B, #826560, #352826)
• Antique Peony color palette (#FBF3F2, #F3C1D3, #9FA15B, #C46C91, #302E27)
• Frosted Summit color palette (#FFF2EE, #A6C878, #A14759, #70032A, #2B120D)
• Softworn Taupe color palette (#FAF3F0, #DBDAD4, #ABB6AE, #C68A80, #5B504B)
• Timeworn Petrol Bloom color palette (#FEF4E5, #E7AABA, #AF8C52, #576CA6, #4D4642)
• Tempered Canyon color palette (#FBF4E9, #C0A96D, #859A6E, #3F8B6D, #403D36)

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