+
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
+
+
+
Contrast check — accents on purple
+
+
+ Start
+ Done
+
+
+ Start
+ Done
+
+
+
Lime (complement)Teal (alternative)
+