Taupe Harbor color palette — #FFF1F4 · #DEDDED · #DABEA8 · #B9AF68 · #5B4243

Sage and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Silver (#DEDDED): A whisper-light, dusty violet — the color of wild irises.
• Sand (#DABEA8): A luminous, dusty gold — the color of honey in a jar.
• Sage (#B9AF68): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#5B4243): A full-bodied, dusty red — the color of a theater curtain.

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

• Patina Meadow color palette (#FEF1F7, #D7D4E0, #FEB7C5, #C5B6B5, #5D4049)
• Muted Drift color palette (#FFF0FC, #ECD4CB, #E3BAA8, #8EA290, #48554A)
• Mustard Canyon color palette (#FFF2EB, #FBDBFF, #FFCBBE, #C2C35D, #613100)
• Seafoam Drift color palette (#FFF2EC, #FFC5B6, #7EDEAD, #E0917D, #4C4E47)
• Marigold Courtyard color palette (#FFF1F2, #E9D7F1, #FFB8B9, #FFA54A, #572331)
• Aged Powder color palette (#F9F4EF, #C7DDEB, #B3C4FC, #69B0B0, #654955)
• Ancient Fern Alley color palette (#F7F5EE, #DCE1C4, #89C3B6, #B49187, #4C5200)
• Wandering Coral color palette (#F3F0FC, #DBD5E4, #E4B8EA, #DD8E84, #332841)

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