Tempered Harbor color palette — #DEE4F6 · #9E9DFF · #6C6C89 · #444959 · #14191F

A conversation between Wisteria and Slate, giving this palette its sense of creativity and sophistication.

The five colors

• Frost (#DEE4F6): A whisper-light, dusty violet — the color of a velvet chair.
• Wisteria (#9E9DFF): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6C6C89): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#444959): A full-bodied, dusty violet — the color of twilight just after sunset.
• Ink (#14191F): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Aged Meadow color palette (#F1F0FF, #D79CEE, #80778C, #54535E, #202126)
• Aged Coast color palette (#D8E7F3, #1FB7FA, #607188, #404B54, #111A1E)
• Timeworn Harbor color palette (#DCE4FA, #7F7CFA, #4F495F, #292E39, #13191E)
• Antique Workshop color palette (#FFF0F9, #9295E1, #593D44, #261A22, #080408)
• Wandering Balcony color palette (#E6DAF6, #B360FF, #7A4075, #313150, #040613)
• Cobalt Balcony color palette (#EEDEE7, #6E6CAE, #402933, #230D1B, #0B0409)
• Softworn Magenta Pier color palette (#EFE6FF, #FD4AD6, #895663, #473C57, #11101A)
• Tempered Bone color palette (#EBF9F0, #D1DCA4, #99B68A, #7D93A5, #314840)

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