Tempered Harbor color palette — #FFDAD5 · #C0006E · #894D00 · #4F3597 · #1D0101

Magenta Rose and Indigo set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#FFDAD5): A whisper-light, dusty orange — the color of toasted spice.
• Magenta Rose (#C0006E): A full-bodied, vivid rose — the color of a warm blush.
• Coffee (#894D00): A full-bodied, balanced gold — the color of old brass.
• Indigo (#4F3597): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1D0101): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Wandering Raspberry Corridor color palette (#FFE8E4, #D0396E, #986000, #654897, #250A07)
• Feathered Study color palette (#FBD7D3, #C9021C, #725B00, #6F257F, #190400)
• Softworn Byzantium Lantern color palette (#EDD5ED, #AC00B3, #AD1D00, #174798, #1C0107)
• Worn Plum Loft color palette (#EFE1F8, #B23074, #5F6400, #005474, #351022)
• Chalky Terracotta color palette (#F1DDD0, #A73E00, #446000, #511561, #110400)
• Mulberry Boulevard color palette (#FCEBE0, #AD5700, #5B6E00, #930062, #1B0800)
• Coral Market color palette (#FFE6EC, #FAAFB6, #E28E7F, #844768, #2C0E07)
• Ember Studio color palette (#FFEEE6, #DC6155, #947D24, #85578C, #2C180F)

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