Tempered Harbor color palette — #FFF1F4 · #A74DD0 · #6B5800 · #004A47 · #0F2E44

Orchid and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Orchid (#A74DD0): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#6B5800): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004A47): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#0F2E44): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Worn Byzantium Pier color palette (#EFDCE0, #8D43A5, #544500, #00343F, #081B2C)
• Aged Raspberry color palette (#FFF1F1, #D13192, #426600, #004855, #00315B)
• Linen Indigo Veranda color palette (#FFF0F9, #7065ED, #933B00, #004C38, #00383C)
• Aged Olive Boulevard color palette (#FFF1F1, #B66D95, #566E00, #22477E, #482D48)
• Peony Dune color palette (#FFF1F1, #F94FAF, #CA4500, #695200, #3A2158)
• Plum Bloom color palette (#FFE0DA, #C90062, #355700, #002E6F, #2A075D)
• Olive Archive color palette (#FFF3E4, #AAA757, #477911, #544481, #3D3A34)
• Aged Atelier color palette (#F7EEFF, #E4009E, #A2290F, #4C3300, #180546)

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