Tempered Coral color palette — #F9E0E7 · #F06863 · #C15900 · #795300 · #282300

Watermelon and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F9E0E7): A whisper-light, dusty rose — the color of a warm blush.
• Watermelon (#F06863): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C15900): A full-bodied, balanced orange — the color of toasted spice.
• Coffee (#795300): A full-bodied, balanced gold — the color of old brass.
• Onyx (#282300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Weathered Scarlet Villa color palette (#F1E3EA, #E55F70, #DD2013, #884600, #2B1E00)
• Faded Amber color palette (#FFE3D9, #DE7D2D, #997500, #605B00, #142400)
• Tempered Tangerine Lagoon color palette (#FCD7D3, #FA651B, #954900, #452800, #160C00)
• Bronze Balcony color palette (#FFE7D2, #B59B64, #B96200, #963436, #161800)
• Sunlit Cornflower color palette (#EFDACB, #FB8F51, #298FFF, #954200, #001A3B)
• Pale Marigold color palette (#F1E4D6, #D5A33C, #AF7300, #704C00, #100600)
• Frosted Amber color palette (#F2E4F4, #8D8DFF, #E07300, #522600, #080200)
• Tempered Atelier color palette (#FFE6DE, #F59000, #B58F00, #716F00, #263F00)

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