Driftwood Harbor color palette — #EFF8F2 · #A2CCB9 · #738A59 · #64637A · #3F524A

Fern and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Pistachio (#A2CCB9): A luminous, dusty teal — the color of sea glass.
• Fern (#738A59): A luminous, dusty green — the color of fresh herbs.
• Graphite (#64637A): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3F524A): A full-bodied, dusty teal — the color of sea glass.

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

• Muted Veranda color palette (#F1F7F2, #D2E0F2, #5CA4BE, #3E7B72, #425565)
• Dusty Garden color palette (#FDF3E9, #DCD1AB, #84A682, #8C7681, #5D4B00)
• Hushed Corridor color palette (#EBF9F6, #76A887, #00745D, #564261, #103D3C)
• Washed Lagoon color palette (#D5EDEA, #2A8D6B, #005049, #531327, #002116)
• Dusty Lantern color palette (#FFF0FA, #C58671, #3F9E70, #6D72A1, #4C3D47)
• Timeworn Turquoise color palette (#FDF1FA, #DB9F92, #00ACBC, #AB5647, #32525F)
• Bronze Field color palette (#FFF0F8, #EEB698, #B96A49, #723F21, #4F3044)
• Worn Olive Thicket color palette (#D6ECDF, #667409, #1C4200, #420A08, #0E1100)

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