CTA color comparison — coral / red / peach sweep

Every white-text candidate has been verified against WCAG AA (4.5 : 1) on the live token utility. Hex labels include the exact ratio. Items marked ⚠ FAIL would lose contrast on the live build — shown only so you can see what "too bright" looks like.

#cf3d29 / text white
Active CTA — deep coral / white (4.82)
WCAG AA
on navy header
on white section
#d33828 / text white
Brick #d33828 / white (4.81)
WCAG AA
on navy header
on white section
#d63828 / text white
Vermillion #d63828 / white (4.71)
WCAG AA
on navy header
on white section
#d63a2a / text white
Crimson coral #d63a2a / white (4.67)
WCAG AA
on navy header
on white section
#dc3545 / text white
Classic red #dc3545 / white (4.53)
WCAG AA
on navy header
on white section
#dc2626 / text white
Pure red tw-red-600 / white (4.83)
WCAG AA
on navy header
on white section
#b91c1c / text white
Deep red tw-red-700 / white (6.47)
WCAG AAA
on navy header
on white section
#c2410c / text white
Rust / burnt orange #c2410c (5.18)
WCAG AA
on navy header
on white section
#9a3412 / text white
Dark orange tw-orange-800 (7.31)
WCAG AAA
on navy header
on white section
#b85931 / text white
Autumn peach #b85931 (4.65)
WCAG AA
on navy header
on white section
#b25a23 / text white
Burnt peach #b25a23 (4.79)
WCAG AA
on navy header
on white section
#a85a31 / text white
Clay peach #a85a31 (5.03)
WCAG AA
on navy header
on white section
#a25c34 / text white
Dusty peach #a25c34 (5.10)
WCAG AA
on navy header
on white section
#ad5530 / text white
Deep peach #ad5530 (5.10)
WCAG AA
on navy header
on white section
#a05a25 / text white
Brown sugar #a05a25 (5.27)
WCAG AA
on navy header
on white section
#b45309 / text white
Amber tw-amber-700 (5.02)
WCAG AA
on navy header
on white section
#e85d4f / text white
⚠ Vibrant coral #e85d4f / white (3.44 FAIL)
WCAG FAIL
on navy header
on white section
#dc4b3a / text white
⚠ Coral #dc4b3a / white (4.11 FAIL)
WCAG FAIL
on navy header
on white section
#ea580c / text white
⚠ tw-orange-600 / white (3.56 FAIL)
WCAG FAIL
on navy header
on white section
#f97316 / text white
⚠ tw-orange-500 / white (2.80 FAIL)
WCAG FAIL
on navy header
on white section
#d97706 / text white
⚠ Tangerine / white (3.19 FAIL)
WCAG FAIL
on navy header
on white section
#fed7aa / text navy
Cream peach / navy (10.57)
WCAG AAA
on navy header
on white section
#fcd34d / text navy
Sunshine yellow / navy (9.92)
WCAG AAA
on navy header
on white section
#fbb6c4 / text navy
Pale rose / navy (8.58)
WCAG AAA
on navy header
on white section
#80c3e8 / text navy
Brand sky / navy (7.42)
WCAG AAA
on navy header
on white section
#aae7d3 / text navy
Mint / navy (existing primary)
WCAG AAA
on navy header
on white section