Tempered Coral color palette — #FFEEE7 · #D7A7FF · #FF606B · #707000 · #260B00

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

The five colors

• Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
• Lavender (#D7A7FF): A luminous, balanced violet — the color of a velvet chair.
• Watermelon (#FF606B): A luminous, vivid red — the color of a theater curtain.
• Olive (#707000): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#260B00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Tempered Coral 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

• Tangerine Study color palette (#FFEEE5, #FF88CE, #FF6E3E, #6E7900, #210E00)
• Weathered Peony color palette (#FFEDEC, #B5BAFF, #FD34AB, #996A00, #2E0003)
• Quiet Ember Drift color palette (#FFF2EC, #FF81C2, #FF4833, #A06800, #471300)
• Softworn Pine Corridor color palette (#FBE6D1, #FF8EAD, #CE8600, #007F21, #161000)
• Coral Lantern color palette (#FFF0FE, #DBB6FF, #FF8F85, #B48F00, #471E00)
• Patina Moss Cabin color palette (#FFEEE1, #FFB4D2, #FF9758, #639B00, #261B00)
• Weathered Ember Quarry color palette (#F2D7DA, #EA4600, #8F5300, #463200, #1D1E00)
• Worn Coral color palette (#F6EAD1, #FF6661, #A67900, #006C57, #050500)

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