Tempered Coral color palette — #FFF1F4 · #FFCDD3 · #DE828A · #A15754 · #572B23

Watermelon takes the lead with Brick close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Shell Pink (#FFCDD3): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#DE828A): A luminous, balanced red — the color of late-summer berries.
• Brick (#A15754): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#572B23): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Balance. Tagged muted, warm.

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

• Antique Summit color palette (#FFE2E3, #E58DAF, #C24A59, #803728, #47240E)
• Powdered Ember Studio color palette (#F3EDFF, #FAB0CC, #ED888F, #C9684E, #6A4229)
• Wandering Parlor color palette (#FFF0FB, #EADBC8, #DB9B78, #9D6E4C, #684754)
• Amber Grove color palette (#FFF0F8, #FFCDA7, #CB8948, #956415, #553D0F)
• Quiet Courtyard color palette (#FFF0FC, #FFC3BE, #ADC774, #C66C66, #323E13)
• Wisteria Atelier color palette (#FAF1FF, #F2C2FF, #CB86C7, #8C5381, #4F2A41)
• Feathered Ember Market color palette (#FFE8E6, #FF8874, #E74B00, #893300, #3A1700)
• Worn Mustard Pier color palette (#FFF0FA, #FD9E85, #BAAC46, #B47BAF, #3B2134)

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