Driftwood Harbor color palette — #F2F2EB · #C3C6AB · #7D8B46 · #496B52 · #31322B

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

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Pistachio (#C3C6AB): A luminous, dusty green — the color of fresh herbs.
• Olive Leaf (#7D8B46): A luminous, balanced green — the color of new leaves after rain.
• Pine (#496B52): A full-bodied, dusty teal — the color of shallow lagoons.
• 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 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

• Timeworn Cocoa color palette (#F5F1E9, #BCB393, #6F7B4C, #784442, #2E270E)
• Aged Driftwood Hollow color palette (#EFF8F1, #A1CCBC, #678C66, #5F647C, #3D524B)
• Charred Spruce Harbor color palette (#E3DFCE, #5E7036, #214000, #3C0800, #020300)
• Softworn Lagoon color palette (#F2F2EC, #C9DED9, #69A7B4, #047B76, #203D2E)
• Hushed Forest Alley color palette (#E6EBDD, #599D88, #006358, #003D5B, #001710)
• Cypress Lagoon color palette (#EFF5DD, #7FB699, #007E63, #00546E, #002818)
• Ancient Forest Field color palette (#E8E6D3, #76A45A, #036F19, #672800, #091B00)
• Deep Forest Delta color palette (#F0F1E1, #30653D, #00331E, #00171D, #000200)

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