Coral Color — #FF7F50 HEX Code

Use #FF7F50 in a real interface

Exact match in the Color Match reference list: Coral. Reference names are browsing labels; not every name is a CSS keyword.

Keep coral as a decorative brand accent or use it as a surface with dark text.

For small coral text on white, inspect the failure and try a darker role such as burnt orange.

:root {
  --surface: #FF7F50;
  --text: #9A3412;
  --accent: #FF7F50;
  --on-accent: #000000;
}