Driftwood Harbor color palette — #F9F3F9 · #D2D5E5 · #B0C1E5 · #779D7C · #3F4F61

A conversation between Eucalyptus and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#B0C1E5): A luminous, dusty violet — the color of a velvet chair.
• Eucalyptus (#779D7C): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#3F4F61): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Softworn Teal Balcony color palette (#F8F5EF, #CDE6DF, #97D2DC, #6EB299, #2F5342)
• Taupe Pier color palette (#FEF0FF, #E9D9D8, #BBB9C4, #C3A48E, #594851)
• Turquoise Studio color palette (#EEF4EF, #CBDFF3, #59AAB7, #3A7963, #213A47)
• Stone Coast color palette (#EEF8F0, #C2E4E4, #98B89D, #8F6F80, #2C4541)
• Softworn Aqua Coast color palette (#FDF0FF, #FBB6C0, #76C8E4, #71ACC1, #403342)
• Gentle Sky Workshop color palette (#FFF0FA, #D2D6E7, #50B8FF, #008B66, #233065)
• Denim Pier color palette (#F4E6F2, #59B2B9, #005D7E, #002D16, #000106)
• Coral Villa color palette (#FEF0FC, #F2D6C4, #88DDDA, #CF817E, #244D57)

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