Tempered Harbor color palette — #F3EFFF · #E4D2DD · #B8A89B · #8B8CAE · #3B3346

A conversation between Slate Blue and Charcoal, giving this palette its sense of sophistication.

The five colors

• Blush (#F3EFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Silver (#E4D2DD): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#B8A89B): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate Blue (#8B8CAE): A luminous, dusty violet — the color of twilight just after sunset.
• Charcoal (#3B3346): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Wandering Driftwood color palette (#F9EDFB, #EAD2D4, #B2D7CB, #8F7D9C, #3E313C)
• Hushed Ash color palette (#FFF1F3, #E3D8D1, #99B7A9, #A493C9, #644A4C)
• Weathered Forest Lagoon color palette (#E9F5EF, #A4C3B9, #6A8C7B, #41614A, #17322D)
• Hushed Station color palette (#FCECFF, #F3D6BD, #D3A57B, #8F5B79, #311A30)
• Patina Taupe color palette (#F7EEF9, #C17F8B, #579172, #226878, #291E2B)
• Aged Grove color palette (#F6EFFA, #A8CFB0, #81515F, #3A2A41, #18111B)
• Dusty Lagoon color palette (#ECE7F7, #C16882, #AD4436, #3E0959, #070003)
• Dusty Studio color palette (#F6EFF6, #EEB1B4, #A27B3D, #A1595F, #0F1910)

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