Driftwood Harbor color palette — #F9F4ED · #C1F2F5 · #C4A5C6 · #6A9177 · #5F4B5B

Eucalyptus and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Frost (#C1F2F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#C4A5C6): A luminous, dusty pink — the color of a candy shop window.
• Eucalyptus (#6A9177): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#5F4B5B): A full-bodied, dusty pink — the color of peonies in June.

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

• Ash Grove color palette (#E0FDF5, #EDDAD5, #AFAA9E, #799D9C, #564A54)
• Muted Cerulean Corridor color palette (#FBF4EA, #CEE8FF, #89A6D3, #3F8599, #564050)
• Antique Lantern color palette (#E2FCF5, #76B7F6, #D48E99, #869A71, #324842)
• Powder Quarry color palette (#E5FBF3, #89CCFF, #DDA27B, #5793BF, #524C47)
• Wandering Terrace color palette (#FAF3F6, #DAD4E1, #ABC8F6, #54B3B9, #47526E)
• Bronze Veranda color palette (#FCF5E4, #D4CBA3, #A89A78, #936D2C, #4E4A00)
• Turquoise Alley color palette (#FFF4E3, #9DEBEF, #00AECA, #00856E, #07465E)
• Cerulean Ridge color palette (#F6EDDF, #81D3E3, #0094BC, #006D65, #04314C)

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