Driftwood Harbor color palette — #F8F2FF · #ECAABD · #B26965 · #8A5735 · #36533A

Mocha and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Ballet Pink (#ECAABD): A luminous, balanced red — the color of a theater curtain.
• Mocha (#B26965): A luminous, balanced orange — the color of autumn markets.
• Coffee (#8A5735): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#36533A): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

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 Pier color palette (#FFF0FA, #D6A193, #58A6B4, #A35C4A, #2D5362)
• Aged Driftwood color palette (#F4F4FF, #D7A0BC, #BB7385, #8D544B, #6C4958)
• Ancient Coast color palette (#FFEDEB, #DEA4A7, #BA6F6B, #833E23, #37312C)
• Driftwood Veranda color palette (#FFF0FD, #D9A28A, #A98146, #68622C, #2A584C)
• Wandering Blush Hollow color palette (#FFF1F2, #FFC0D0, #FD9C96, #BD8661, #57524C)
• Ember Lagoon color palette (#EEDEE1, #E16C54, #944F00, #543E00, #1E350F)
• Weathered Bone color palette (#FDF1FD, #E7D8D6, #AFE6D8, #8D7D9E, #624C56)
• Antique Lagoon color palette (#EBFAF0, #99C2B6, #628B73, #72535F, #344D4C)

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