Tempered Harbor color palette — #F1F0FD · #9D7DAD · #007E7E · #015578 · #181D2A

Teal takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F1F0FD): bright and airy, almost weightless.
• Heather (#9D7DAD): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007E7E): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#015578): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#181D2A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Antique Navy color palette (#F6EFF7, #AF737E, #426D9A, #4C3F7E, #211B29)
• Patina Lagoon Archive color palette (#FEF1F5, #B794C9, #1A9391, #3B7493, #3C2C37)
• Wandering Pine color palette (#FFF2EE, #BE7678, #3F7F46, #2D4D7B, #46332C)
• Wandering Pine Harbor color palette (#E8F5EF, #9DA073, #40815E, #00575E, #092847)
• Raspberry Summit color palette (#F5EEFF, #B84C9C, #005D6D, #003279, #160128)
• Petrol Station color palette (#FEF1F8, #E3AF97, #78995F, #2A699B, #2B1E2B)
• Worn Forest color palette (#E9F6EC, #CAA37C, #897646, #126140, #1E321F)
• Aubergine Boulevard color palette (#F9EDFD, #A33D5C, #00507E, #310182, #0C0419)

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