Tempered Harbor color palette — #FFF2EC · #EDB64F · #24C37A · #A540AD · #383800

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Saffron (#EDB64F): A luminous, balanced gold — the color of honey in a jar.
• Clover (#24C37A): A luminous, vivid teal — the color of glacier melt.
• Orchid (#A540AD): A full-bodied, vivid pink — the color of a candy shop window.
• Deep Olive (#383800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Faded Raspberry color palette (#FFF2ED, #D1C53B, #00B6A1, #B44D9E, #253D10)
• Dusty Byzantium Delta color palette (#FFF2E9, #FFA788, #A1B119, #8D41DB, #4D2D00)
• Faded Boulevard color palette (#F5D7CC, #C8A732, #00A07B, #9A398B, #1F2800)
• Muted Mustard color palette (#FFF4E2, #C5C808, #00A14D, #4D48A7, #202D04)
• Hushed Raspberry color palette (#FFF2EF, #B4D493, #54B5C0, #B8637B, #3C3E37)
• Peony Dune color palette (#FFEAD5, #E5C3A2, #A5BB93, #BA71A0, #6A4125)
• Crimson Alley color palette (#FFF2ED, #B3CE61, #00B3B7, #DF1A3B, #10401E)
• Amber Dune color palette (#FFF3E6, #D4D38C, #79B772, #B87921, #3F3D00)

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