Driftwood Veranda color palette — #F5F2E5 · #B4CDA1 · #7E8A45 · #6A5B6C · #31312B

A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#F5F2E5): bright and airy, almost weightless.
• Pistachio (#B4CDA1): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#7E8A45): A luminous, balanced green — the color of new leaves after rain.
• Graphite (#6A5B6C): A full-bodied, dusty pink — the color of neon signs at night.
• Espresso (#31312B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Weathered Lagoon color palette (#EFF8F2, #A2CBBE, #608A87, #616479, #3C534C)
• Hushed Turquoise Veranda color palette (#F6F1EA, #BEEDE6, #6AA6BD, #5B7354, #243C34)
• Weathered Mallow color palette (#FFEDEE, #DF97D3, #6DAD7E, #915D88, #30322B)
• Weathered Stone color palette (#FFEDED, #E1D5CA, #A4BDA2, #9B7B82, #473534)
• Softworn Pier color palette (#FBF0DF, #A7A45F, #586E24, #5A3C4A, #231B03)
• Jade Lantern color palette (#F3F4DA, #68BD86, #007E64, #3E4878, #1D2400)
• Antique Lantern color palette (#FFEDED, #D17AB5, #998F52, #468294, #362022)
• Hushed Balcony color palette (#E7EBD5, #10A679, #006359, #35335C, #0C1500)

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