Tempered Harbor color palette — #FFF0F8 · #A397ED · #9C7C0E · #006882 · #003F4F

Wisteria and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Wisteria (#A397ED): A luminous, balanced violet — the color of wild irises.
• Ochre (#9C7C0E): A luminous, balanced gold — the color of old brass.
• Peacock (#006882): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003F4F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

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

• Patina Mallow Orchard color palette (#F5F4FF, #DCA1ED, #A68534, #006877, #00313C)
• Worn Basin color palette (#EAFAF2, #57B0DC, #C06400, #006D64, #00423C)
• Dusty Villa color palette (#FFF1F3, #CB88D2, #738C20, #54539D, #35325A)
• Antique Turquoise color palette (#FBF3F0, #CCEFD4, #65AED8, #4D8969, #553F52)
• Linen Courtyard color palette (#F8F2FF, #C65DA1, #8A560C, #13562E, #093C57)
• Worn Oat color palette (#FFEEF6, #EAC0BF, #BD9D89, #608373, #3F554B)
• Aged Meadow color palette (#FFDDDF, #ED9AB7, #DB635E, #A45A33, #4C4741)
• Hushed Corridor color palette (#FEDEEB, #9E63FF, #607200, #003EA2, #001E59)

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