Driftwood Veranda color palette — #FAF4F0 · #DBDAD3 · #9FB1AA · #AA725D · #59514C

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#DBDAD3): a clean, paper-quiet neutral.
• Ash (#9FB1AA): A luminous, dusty teal — the color of sea glass.
• Mocha (#AA725D): A luminous, dusty orange — the color of toasted spice.
• Charcoal Brown (#59514C): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Wandering Archive color palette (#F7F0ED, #D9D8CF, #A7B8AC, #B17050, #3B3431)
• Washed Summit color palette (#FFF3E8, #CFC5B5, #9C987C, #497969, #5C4D58)
• Dusty Hollow color palette (#F7F5EF, #D7DCD5, #B6C3B8, #79783A, #574600)
• Softworn Coast color palette (#E7E2D7, #BCB9AB, #8F9171, #514400, #281E04)
• Washed Thicket color palette (#FDF4E5, #CC9B82, #8A753E, #006479, #673C00)
• Softworn Bronze color palette (#F1EAE5, #A4988A, #8B6B25, #461E00, #130600)
• Hushed Grove color palette (#F6F6E7, #D1D5C3, #9BAE89, #426700, #33332C)
• Ancient Pier color palette (#F9F4EF, #DADAD4, #A0B0AC, #A07858, #57514C)

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