Tempered Harbor color palette — #E8D9E9 · #D1008C · #B00043 · #7F0018 · #1C0600

Fuchsia takes the lead with Ruby close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Silver (#E8D9E9): A whisper-light, dusty pink — the color of peonies in June.
• Fuchsia (#D1008C): A full-bodied, vivid rose — the color of pressed rose petals.
• Ruby (#B00043): A full-bodied, vivid red — the color of late-summer berries.
• Oxblood (#7F0018): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1C0600): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Energy. 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

• Muted Plum color palette (#F2DEE6, #C7006E, #89003F, #52001C, #150001)
• Raspberry Bloom color palette (#FDDFEF, #D70068, #AE0807, #692A00, #180800)
• Worn Magenta color palette (#F0E6F9, #C215C1, #A00072, #760034, #160000)
• Sunlit Crimson color palette (#E6DAE7, #E80050, #00827D, #9F0034, #000807)
• Rose Quarry color palette (#F6E2E0, #EF4B47, #B71B00, #670204, #070000)
• Hazy Veranda color palette (#F3DDDE, #CE0043, #007671, #215678, #070001)
• Aged Byzantium Courtyard color palette (#ECEDFF, #8C3AF2, #9109AF, #6C0055, #1F000B)
• Hushed Bloom color palette (#F9DFDE, #D14000, #954900, #4F3400, #0B0800)

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