Taupe Harbor color palette — #FFF1F6 · #C5E5F2 · #ABB8D5 · #C99FAD · #435046

Built around Rosewood Mist, softened by Ash — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Frost (#C5E5F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#ABB8D5): A luminous, dusty violet — the color of wild irises.
• Rosewood Mist (#C99FAD): A luminous, dusty rose — the color of a warm blush.
• Charcoal Brown (#435046): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, 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

• Antique Bone color palette (#FBF0E3, #BFE0C9, #AFB2C2, #AA8A78, #3F3C35)
• Timeworn Stone color palette (#E2FCF5, #CAE2F0, #C6BBE5, #C5B279, #39595A)
• Misty Apricot color palette (#DEFFE7, #9CE9E4, #99C8FF, #F18F6D, #2B5246)
• Hushed Stone Study color palette (#FFF1F5, #E6B988, #E1A0BF, #BD8897, #4B373D)
• Dusty Chestnut Dune color palette (#FBF4E9, #DCE4CA, #B5D3B1, #C1987D, #6B4E00)
• Patina Lantern color palette (#EAF9F5, #ADD093, #6AB2E5, #B46F6B, #263733)
• Pale Study color palette (#D4FFFF, #83FAFF, #B3D5FF, #B29F00, #00443B)
• Gentle Aqua Coast color palette (#DBF8E6, #B3F6BC, #51DAED, #C78256, #0B3B2D)

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