Driftwood Harbor color palette — #FFF0F7 · #A3C1A6 · #987486 · #6C556B · #3D4C45

Driftwood takes the lead with Stone close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Stone (#A3C1A6): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#987486): A full-bodied, dusty rose — the color of pressed rose petals.
• Graphite (#6C556B): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3D4C45): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Dusty Driftwood color palette (#E9FAF1, #AAC198, #878255, #72535E, #364D4D)
• Dusty Coast color palette (#FFF0FA, #CC9C6E, #976354, #5E4866, #2F4236)
• Muted Ash color palette (#FEF1F6, #E5BECC, #B78EA0, #8C687C, #3D4D3C)
• Stone Dune color palette (#F1F5FF, #97CFB0, #575A82, #30384C, #25222C)
• Timeworn Mallow Meadow color palette (#F8F2FF, #E4ABD6, #AC6C73, #805036, #5A4200)
• Cocoa Harbor color palette (#FFF3E9, #E8D6C1, #D3AE90, #B5847D, #5B4400)
• Bronze Veranda color palette (#FCEFE4, #CFB69D, #AB7543, #7F481B, #342A1E)
• Aged Powder Pier color palette (#F3F4FE, #C6B5EF, #8B7D41, #726395, #26312A)

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