Tempered Coral color palette — #F8F2FF · #F8D4CC · #E89590 · #9C6C57 · #60434F

Melon takes the lead with Mocha close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Shell Pink (#F8D4CC): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#E89590): A luminous, balanced orange — the color of toasted spice.
• Mocha (#9C6C57): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#60434F): A full-bodied, dusty rose — the color of pressed rose petals.

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

• Mallow Corridor color palette (#F2F5FF, #F7D3E3, #DB9FCD, #99677F, #5D485F)
• Apricot Workshop color palette (#FEF0FF, #EADBCD, #DB9B6C, #95774B, #354E3E)
• Dusty Archive color palette (#FFF2F0, #D99DA8, #B96E6B, #974B3B, #534C47)
• Antique Stone color palette (#FFF0F8, #E5DDD4, #E4A38F, #8F614F, #3F2436)
• Sunlit Apricot Lantern color palette (#FFE7E6, #FF8E74, #B86000, #5F3C00, #2B2100)
• Weathered Archive color palette (#FFF0FD, #F2D6C4, #8ED9EE, #CC837F, #2B4B5A)
• Misty Tangerine Bloom color palette (#FFF1F3, #FFB4B0, #F66800, #915600, #4D3700)
• Cream Veranda color palette (#FFEAD7, #DAD9E7, #AAA0A7, #58474D, #2E2428)

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