Tempered Harbor color palette — #DDDCED · #A45CC3 · #58304B · #211F30 · #0B0D15

Amethyst takes the lead with Mulberry close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Silver (#DDDCED): A whisper-light, dusty violet — the color of wild irises.
• Amethyst (#A45CC3): A full-bodied, vivid violet — the color of a velvet chair.
• Mulberry (#58304B): A deep, shadowed, dusty pink — the color of neon signs at night.
• Midnight (#211F30): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0B0D15): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

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

• Softworn Orchard color palette (#E8E1F4, #C26DAD, #594461, #302A3A, #18171E)
• Hushed Indigo color palette (#E9EFFF, #7568EE, #4A355D, #1B2133, #090E14)
• Ancient Orchid color palette (#FFF1F4, #B065CD, #472C30, #1A090E, #030001)
• Worn Wisteria color palette (#FBDCE4, #BA7ED8, #7D5654, #4A363C, #140910)
• Nocturne Workshop color palette (#EBEBF9, #8F17BD, #2E1F34, #131121, #050309)
• Pale Raspberry color palette (#F1E2F8, #D70074, #671417, #300C1A, #0A0512)
• Peony Studio color palette (#EFDDF9, #DD6797, #849300, #0081B7, #35233D)
• Weathered Peony Balcony color palette (#EBDDF0, #D888D5, #D242A1, #99355F, #562930)

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