Tempered Harbor color palette — #F5F4FF · #E5A2FF · #66AB00 · #9500BC · #122400

Plum takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#E5A2FF): A luminous, balanced pink — the color of neon signs at night.
• Kelly Green (#66AB00): A luminous, vivid green — the color of a quiet forest floor.
• Plum (#9500BC): A full-bodied, vivid pink — the color of peonies in June.
• Onyx (#122400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Energy. Tagged 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

• Soft Bloom color palette (#F6F3FF, #FF93F7, #00B073, #A3009E, #002615)
• Faded Grape Study color palette (#F3F4FF, #D4ACFF, #AD9300, #880CCF, #251E00)
• Ancient Raspberry color palette (#F8F2FF, #FFA7DC, #09CCB1, #C14597, #00372E)
• Gentle Plum Field color palette (#FBF1FF, #ED85A3, #00AA88, #AE215B, #001E16)
• Frosted Magenta color palette (#F6D9FF, #D14CF4, #587E00, #66007C, #223500)
• Softworn Market color palette (#EFF6FF, #8DB1FF, #BB9706, #1B4DFC, #271D00)
• Washed Balcony color palette (#EFDCFF, #D496FF, #00BAD9, #BB38FF, #00343E)
• Sunlit Orchid Pier color palette (#E8E7FE, #BC3AF2, #007F95, #720098, #001A20)

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