Tempered Coral color palette — #FFF1F0 · #F2AAB5 · #E48681 · #9D6045 · #534D47

Watermelon and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Ballet Pink (#F2AAB5): A luminous, balanced red — the color of embers at dusk.
• Watermelon (#E48681): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#9D6045): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#534D47): quiet, heavy and certain.

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

• Weathered Amber color palette (#FFF2ED, #FAB29C, #D3894E, #997739, #54514A)
• Antique Sky Lagoon color palette (#FFF2ED, #EFB3AD, #66BDE6, #C2736D, #2F5647)
• Aged Station color palette (#FFE9F2, #E7BBEE, #CA7AB6, #A36780, #65473E)
• Ember Basin color palette (#F1DBDD, #FF867D, #E26300, #905500, #4E3A00)
• Gentle Canyon color palette (#FFE9E4, #F4965A, #AF7100, #705600, #393909)
• Aged Bronze Quarry color palette (#FBF5E6, #D1CCA6, #A59D6E, #976B2E, #484C00)
• Antique Study color palette (#FFF2EB, #D1F7CD, #DFDCCC, #BF909E, #76410F)
• Tempered Amber color palette (#FFE5D1, #E4AD5E, #B19000, #747722, #4C4C45)

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