watchOS color design system
Explore the watchOS color design system with ease. View and copy each color's code in multiple formats: HEX, RGB, HSL, OKLCH, CMYK, CIELAB, and HSV. Simply select a color and copy its code to your clipboard.
Red
#F63428
#FF3B30
#D70015
#FF6975
Orange
#FF8C00
#FF9500
#B15900
#FFB344
Yellow
#FFCC00
#FFDA0A
#8F7400
#FFF261
Green
#02D46A
#04DE71
#00864A
#0CFF86
Mint
#00C7BE
#00F5EA
#0C817B
#6CFFF9
Teal
#30B0C7
#40C8E0
#008299
#5DE6FF
Cyan
#32ADE6
#5AC8FA
#0071A4
#70D7FF
Blue
#007AFF
#20946E
#0040DD
#5AA8FF
Indigo
#5856D6
#787AFF
#3634A3
#9B99FF
Purple
#AF52D4
#BF5AF2
#8944AB
#DA8FFF
Pink
#EA0E4A
#FA110F
#D30F45
#FF6498
Brown
#A2925E
#AC8E68
#7F6545
#DBB27C