# Workouts — Brand Colors

Sampled from the app icon. Click any hex to select it.

## App icon gradient

linear-gradient(135deg, #A04DDB → #7A29C6 → #55189E)
Hue ~271° — violet/purple (not magenta, which would be ~300°).

## Brand purple (gradient stops)

light · hue 275°
Light
#A04DDBrgb(160,77,219)
mid · hue 271°
Mid (primary)
#7A29C6rgb(122,41,198)
dark
Dark
#55189Ergb(85,24,158)

## Complement (opposite on the color wheel, hue ~91°)

light · hue 95°
Lime (light)
#88DB4Drgb(136,219,77)
mid · hue 91°
Lime (primary)
#75C629rgb(117,198,41)

## Teal alternative (hue ~174°)

A softer, less aggressive accent than lime — sits ~90° from the purple rather than directly opposite, so it harmonizes more.
light · hue 173°
Teal (light)
#2DD4BFrgb(45,212,191)
mid · hue 175°
Teal (primary)
#17A398rgb(23,163,152)
dark
Teal (dark)
#0F766Ergb(15,118,110)

## Side by side — purple vs. each accent

brand
Purple
#7A29C6
⟷
complement
Lime
#75C629
⟷
alternative
Teal
#17A398

## Contrast check — accents on purple

Start Done
Start Done
Lime (complement)Teal (alternative)