Washed Driftwood Harbor color palette — #F3F3E6 · #C2C7A5 · #7B8B47 · #676518 · #31322B

Built around Olive Leaf, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Pistachio (#C2C7A5): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#7B8B47): A luminous, balanced green — the color of fresh herbs.
• Olive (#676518): A full-bodied, balanced green — the color of a quiet forest floor.
• 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 Washed Driftwood Harbor 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

• Lagoon Meadow color palette (#F2F3E9, #B1B88E, #4C8362, #495C3C, #262A0F)
• Antique Fern Lantern color palette (#F0E9D6, #8E934C, #4A5E00, #274021, #121400)
• Driftwood Courtyard color palette (#F8F5EA, #BBE3D8, #A4B594, #96863D, #454B00)
• Antique Dune color palette (#E3F8EB, #BDE2E3, #9EC9D0, #6F9178, #293D34)
• Cypress Courtyard color palette (#F2F2EB, #C8DFD9, #67A8B3, #2E7972, #233D2E)
• Tempered Studio color palette (#E2F8EA, #4CABC1, #8487C4, #55865E, #182C20)
• Patina Teal Lagoon color palette (#DFEAC8, #42AA87, #006B5A, #004848, #001C12)
• Pine Terrace color palette (#EAEFD4, #007C4A, #00412E, #002421, #000401)

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