Tempered Harbor color palette — #F9E3E0 · #D7518E · #007EB0 · #4831CF · #100013

Iris and Hot Pink set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F9E3E0): A whisper-light, dusty orange — the color of autumn markets.
• Hot Pink (#D7518E): A luminous, vivid rose — the color of pressed rose petals.
• Cerulean (#007EB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Iris (#4831CF): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#100013): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Bloom color palette (#FBEBEC, #CB54B6, #007A8F, #004FB8, #090015)
• Grape Loft color palette (#F4DED8, #D95160, #0068DC, #6A18B7, #0F0008)
• Feathered Chapel color palette (#F6DBC9, #DE5F00, #6A46E6, #840087, #1A0003)
• Byzantium Delta color palette (#FFE6DA, #FF6148, #5174FF, #9700D8, #2E0014)
• Linen Villa color palette (#FFE8DA, #B24C00, #4E21D6, #5B0065, #070001)
• Violet Orchard color palette (#FFF2EE, #E699A1, #629BD7, #836ACC, #3E2627)
• Quiet Field color palette (#F4E6D5, #CE8C26, #A15ACF, #A81470, #2A0800)
• Sunlit Orchard color palette (#FFF0F8, #A74A00, #005556, #38005F, #040002)

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