Tempered Clover Summit color palette — #FFDDDB · #FF7172 · #2BBA1E · #4786FF · #450B0F

Clover takes the lead with Azure close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFDDDB): A whisper-light, dusty orange — the color of autumn markets.
• Watermelon (#FF7172): A luminous, vivid orange — the color of toasted spice.
• Clover (#2BBA1E): A luminous, vivid green — the color of a quiet forest floor.
• Azure (#4786FF): A luminous, vivid violet — the color of twilight just after sunset.
• Espresso (#450B0F): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Energy. Tagged vibrant.

Use it as a design system

One click turns Tempered Clover Summit 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 Pier color palette (#FFDDE4, #FF6A97, #86AC00, #0094E5, #49001E)
• Patina Iris Coast color palette (#FBE1D8, #FF7643, #00B879, #7977FF, #431100)
• Linen Amber Archive color palette (#EBDFD2, #DE8700, #00ACA0, #9A6FC5, #301900)
• Worn Sapphire Balcony color palette (#FDDFC1, #ED8E12, #00A9C3, #495FF6, #311900)
• Fuchsia Chapel color palette (#F2DDED, #F263DD, #B89800, #009DB6, #410239)
• Dusty Tangerine color palette (#FFF2ED, #F96417, #00A08C, #008574, #250700)
• Rose Workshop color palette (#EFDDDD, #FB2757, #0091A0, #2C6E97, #470713)
• Washed Mint color palette (#FFF2EC, #F9B3A4, #92CEA3, #9DABE3, #48413D)

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