Taupe Harbor color palette — #F3F4FF · #B7A4E0 · #B3944F · #7A65A2 · #38553F

A conversation between Mustard and Slate, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Mauve (#B7A4E0): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B3944F): A luminous, balanced gold — the color of honey in a jar.
• Slate (#7A65A2): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#38553F): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Taupe 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

• Antique Grove color palette (#FDECF6, #AAABEF, #A59F59, #6B6C9C, #33312A)
• Timeworn Mustard color palette (#F1F5FF, #BBBDFF, #C0B367, #8585BF, #355544)
• Cobalt Pier color palette (#EEF6FF, #8FB3DC, #BF8E53, #3E75B2, #60444D)
• Ancient Studio color palette (#F5F3FE, #CA9ED0, #46B07F, #915B98, #2B5556)
• Softworn Driftwood Terrace color palette (#FFF1F5, #A1C1AE, #997A57, #715269, #3A4C47)
• Worn Moss color palette (#EFF6FF, #7C98CC, #72974D, #5A8352, #3A4351)
• Antique Cocoa color palette (#FEF1F8, #D0CFFF, #D3C892, #A3A1DB, #614900)
• Weathered Aubergine Veranda color palette (#ECEDFF, #A07AC4, #008E6D, #7130A0, #00402F)

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