Tempered Harbor color palette — #FFF1F4 · #FCD1E7 · #F4BF9C · #B088C1 · #693800

Bronze takes the lead with Dusty Rose close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FCD1E7): A whisper-light, dusty rose — the color of a warm blush.
• Cantaloupe (#F4BF9C): A whisper-light, dusty gold — the color of old brass.
• Dusty Rose (#B088C1): A luminous, balanced pink — the color of a candy shop window.
• Bronze (#693800): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Warmth, Comfort, Sophistication, Softness. Tagged light, muted, warm.

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

• Taupe Balcony color palette (#FFF2EF, #F7D2CA, #B3CCFD, #C78396, #553D52)
• Patina Meadow color palette (#FFE7EC, #CDD0C3, #AFA1A0, #503C39, #2A1E1C)
• Timeworn Iris Lantern color palette (#FDF1F9, #E4D6F0, #86DFCE, #8C94D3, #384D2F)
• Stone Canyon color palette (#FFF1F3, #EBB7EB, #F1A494, #84A3D6, #473235)
• Tempered Ember color palette (#FFF2ED, #FFC3BE, #B2C47F, #C66C68, #333D11)
• Washed Mallow Summit color palette (#FFF1F3, #EDD8DD, #D5A5D1, #80597F, #3D213E)
• Bronze Drift color palette (#FBF5E3, #D4E3C1, #BBAD86, #947530, #484000)
• Byzantium Harbor color palette (#F8D5DA, #A133A1, #794700, #4B004B, #020100)

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