Tempered Coral color palette — #FFF2ED · #FFC8CF · #DD8688 · #905256 · #4C2C23

A conversation between Watermelon and Coffee, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Shell Pink (#FFC8CF): A whisper-light, dusty red — the color of late-summer berries.
• Watermelon (#DD8688): A luminous, balanced red — the color of late-summer berries.
• Coffee (#905256): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#4C2C23): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Tempered Pewter Study color palette (#FFEFFF, #E9DDD7, #DF9EA4, #8D5258, #3D243F)
• Timeworn Wisteria color palette (#FFF1F3, #F1C9F1, #C483BF, #81537D, #4E2E33)
• Wandering Amber Coast color palette (#FFF3E6, #FFD2A8, #C48D51, #8B5E39, #3A342F)
• Wandering Driftwood Lagoon color palette (#FFEFFF, #FFBABF, #B37076, #704042, #432E43)
• Tempered Lichen color palette (#FFF2EF, #D2FED7, #E1DACF, #C5959B, #5C4B45)
• Washed Grove color palette (#FFDECF, #FB8D52, #B55600, #662E00, #291000)
• Blush Atelier color palette (#FFF2F0, #DE90AB, #58A9BD, #7C71A8, #4A3836)
• Tempered Ridge color palette (#FBF3EF, #FFC1A7, #50B183, #BB795E, #2C2F26)

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