Weathered Coral color palette — #FFF1F2 · #F6AEC0 · #DA7D73 · #9E6244 · #504B45

Coral Clay takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Ballet Pink (#F6AEC0): A whisper-light, balanced red — the color of a theater curtain.
• Coral Clay (#DA7D73): A luminous, balanced orange — the color of autumn markets.
• Walnut (#9E6244): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#504B45): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

One click turns Weathered 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

• Muted Amber Bloom color palette (#FFF2EA, #FEC8AA, #D78D68, #955A47, #3F3934)
• Amber Terrace color palette (#FFF2EC, #F9AFA2, #56C2D7, #C87063, #3B5443)
• Blush Summit color palette (#FBF1FF, #F29DAB, #B86D69, #815142, #624755)
• Muted Parlor color palette (#FFF2EE, #F7BC9C, #C78F32, #8A7B37, #4F4E47)
• Dusty Wisteria Boulevard color palette (#FFF0F9, #D7B8F2, #CA7ABA, #9A5E6F, #544C49)
• Coral Market color palette (#FFDEE5, #F9704E, #B65B00, #6B4F00, #333300)
• Tempered Cocoa color palette (#FFF2EC, #C8FED9, #DFDECD, #B58EAD, #774013)
• Tempered Sky color palette (#FFF2EF, #E598A8, #43B1E7, #6895CB, #513D38)

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