Driftwood Veranda color palette — #FFF3E8 · #DDE4C9 · #8DD7BF · #BA686B · #4E4A44

Mocha and Lagoon set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Celadon Mist (#DDE4C9): A whisper-light, dusty green — the color of new leaves after rain.
• Lagoon (#8DD7BF): A whisper-light, balanced teal — the color of shallow lagoons.
• Mocha (#BA686B): A luminous, balanced red — the color of late-summer berries.
• Charcoal Brown (#4E4A44): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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 Cocoa color palette (#FFF3E6, #DCE0C9, #A4DCB6, #BB8365, #664500)
• Antique Driftwood Drift color palette (#FFF2EE, #E1DCC8, #B4C899, #A1679E, #763B19)
• Oat Hollow color palette (#FFECF2, #E3F1C6, #BAD18C, #9D674A, #223627)
• Dusty Bronze Coast color palette (#F5F8DE, #B8E8D9, #88B0DC, #8B6800, #364928)
• Patina Atelier color palette (#FFF3E8, #B7A485, #95673F, #7C3C36, #3F3D36)
• Airy Terracotta color palette (#FFF3E4, #CEE17F, #00C2C0, #A73B00, #3E3700)
• Azure Orchard color palette (#F3F1D5, #B2C9A2, #10A8D9, #754F00, #0E3B24)
• Tempered Alley color palette (#F8F5EA, #C8A884, #54550D, #303004, #181E0C)

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