Tempered Harbor color palette — #FFF2ED · #FF847C · #00B0BD · #DB1B2A · #004349

Crimson and Salmon set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Salmon (#FF847C): A luminous, balanced orange — the color of toasted spice.
• Cyan (#00B0BD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Crimson (#DB1B2A): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#004349): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

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 Raspberry color palette (#FFF2F0, #F784AB, #00B0BD, #C63A75, #004349)
• Timeworn Apricot color palette (#FFF2EA, #FF8A45, #00AFC4, #BC5400, #00434C)
• Frosted Crimson Market color palette (#FFF0FE, #FFAFAE, #09C4E8, #E7003E, #003540)
• Antique Brick color palette (#F0D9CC, #DF765B, #0096B1, #AF2E00, #002F39)
• Pale Coral Lantern color palette (#FFE5D9, #F56858, #00A2AD, #437CB5, #4E211B)
• Antique Bronze color palette (#FFF3E8, #E5A976, #85A2EA, #B06F31, #30406B)
• Rose Orchard color palette (#FFF2ED, #FFABA9, #ABADFF, #FE505D, #34316D)
• Mustard Field color palette (#FFF3E2, #EFB536, #0097CC, #996F00, #004059)

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