Tempered Harbor color palette — #EFF6FF · #E2D5ED · #F2B3BD · #5A95FF · #283444

Cornflower takes the lead with Ballet Pink close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#E2D5ED): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#F2B3BD): A whisper-light, dusty red — the color of late-summer berries.
• Cornflower (#5A95FF): A luminous, vivid violet — the color of wild irises.
• Deep Teal (#283444): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, 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

• Indigo Bloom color palette (#FEF1FA, #F0D5E3, #DAB1BD, #506BE0, #3D2D39)
• Patina Lilac Drift color palette (#EDEEF5, #DDCED8, #CDB0B8, #A37FC9, #2C2C3A)
• Tempered Market color palette (#EAF8FE, #D6D8F2, #C8B9DB, #00AAC5, #213640)
• Violet Balcony color palette (#E5EAFF, #9B70FF, #87366E, #372D54, #010714)
• Peony Hollow color palette (#DDF0F7, #A9B2F7, #E26CB0, #2F907F, #00463C)
• Chalky Rose Canyon color palette (#D2EDF9, #00BDD5, #F9234D, #00786E, #002B27)
• Oat Grove color palette (#F2F5FB, #DED8DF, #DBBBDB, #BDAEB0, #4F5359)
• Frosted Magenta color palette (#CFF0C8, #46BCFF, #CA58FB, #207803, #162551)

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