Tempered Harbor color palette — #EFF2F8 · #DAD3E1 · #B4B5CD · #5E5D98 · #1D2028

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

The five colors

• Ivory (#EFF2F8): bright and airy, almost weightless.
• Silver (#DAD3E1): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B4B5CD): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#5E5D98): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#1D2028): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Muted Petrol color palette (#FAF2F8, #EBD3D1, #C2ADAF, #57608D, #41373E)
• Softworn Mulberry Balcony color palette (#F2F0F9, #D8CFE5, #CB9BB1, #882F89, #1C162A)
• Timeworn Cerulean Parlor color palette (#F2F5FC, #DED8E2, #BFB5AD, #7B86BA, #292E38)
• Timeworn Terrace color palette (#DEE0EA, #B0B1C5, #8C88AD, #4A327C, #080917)
• Driftwood Dune color palette (#EEECFF, #A59ABC, #9F647A, #603D4C, #233324)
• Wisteria Meadow color palette (#EFF1FF, #CAC8FF, #C38DFF, #AB5EAB, #14112E)
• Shadow Grape Study color palette (#E1E2F5, #8437B6, #351739, #0B091E, #020205)
• Hushed Onyx color palette (#F1ECF5, #938997, #77637A, #4F0033, #020006)

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