Driftwood Pier color palette — #F3F3E6 · #C3C7A3 · #7D8B46 · #506C2D · #31322B

Olive and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Pistachio (#C3C7A3): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#7D8B46): A luminous, balanced green — the color of new leaves after rain.
• Olive (#506C2D): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#31322B): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Softworn Dune color palette (#F3F2E8, #9EBE97, #55815E, #435C49, #282915)
• Washed Quarry color palette (#E5E3D3, #68824E, #145200, #003131, #040A00)
• Hushed Forest Terrace color palette (#E3EED5, #599D8A, #00635A, #004145, #091600)
• Ancient Driftwood color palette (#FFEBF8, #8E98CE, #B0799B, #3F8490, #341F2E)
• Driftwood Dune color palette (#FCEDF6, #E8D1D2, #B2AB98, #9A7A96, #47333F)
• Cobalt Veranda color palette (#CDFCED, #92B9E3, #6080B2, #415684, #493043)
• Worn Cobalt Balcony color palette (#FBEDF7, #A1B1E7, #C88793, #5D6DAB, #472721)
• Tempered Boulevard color palette (#FFEBF7, #BEC3F4, #8286B8, #42436F, #1B1A3C)

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