MacOS Vibrant color design system
Explore the MacOS Vibrant 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
#FF3126
#FF4F44
#C20618
#FF4136
Orange
#F58B00
#FFA914
#AD3A00
#FFB344
Yellow
#F5C200
#FFA914
#925100
#FFD426
Green
#1EC337
#3CE155
#007018
#31DE4B
Mint
#00BDB4
#6CE0DB
#0B756E
#66D4CF
Teal
#2EA7BD
#44D4ED
#00778C
#5DE6FF
Cyan
#41AFE2
#5ACDFA
#006796
#70D7FF
Blue
#0070F5
#148EFF
#0040DD
#409CFF
Indigo
#5452CC
#6361F2
#3634A3
#7D7AFF
Purple
#9F4BC9
#CC65FF
#AD44AB
#DA8FFF
Pink
#F5234B
#FF4169
#C11032
#FF3A5F
Brown
#987A54
#B69872
#775D3B
#B59469
Gray
#848489
#A2A2A7
#616165
#98989D