Coral is a pinkish orange named after the reef organism. #FF7F50 is the exact HEX behind the CSS keyword coral, and it anchors all three palettes below. Copy the HEX codes from any scheme below, or generate a harmonious coral palette anchored to a base colour you pick.
Warm Coral gives the hue somewhere to go, dropping to a deep #6A040F and #C1121F. Soft Coral is the tint version, starting at a near-white #FFF0EB. Coral Reef sits between them, holding a warm brick #7C2D12 under the same coral.
#6A040F#C1121F#E85D3B#FF7F50#FFB396#FFF0EB#FFD6C9#FFB3A0#FF7F50#E85D3B#7C2D12#C1440E#F4845F#FF7F50#FF9E80Anchored to a coral base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Coral is fully saturated and light, so it works as an accent against something calm — teal and aqua are the traditional opposites, and a warm neutral or cream keeps it from shouting. Summer campaigns, tropical and swimwear brands, food packaging and friendly app interfaces use it. For the paler relative see peach.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The generator here starts anchored to #FF7F50, so the first block you copy is a set of coral variations rather than a random hue. Copy JSON returns the same five values as an array for a build step or a token file, and Copy HEX returns them as a plain comma-separated line. Lock any swatch you want to keep before generating again and it survives into the next export.More palettes: Terracotta palette · Autumn palette · Rust palette · all colours