MacOS Default color design system

Explore the MacOS Default 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

#FF3B30

#FF453A

#D70015

#FF6975

Orange

#FF9500

#FF9F0A

#C92800

#FFB344

Yellow

#FFCC00

#FFDA0A

#A05000

#FFD438

Green

#28CD41

#32D74F

#007D1B

#31DE4B

Mint

#00C7BE

#66D4CF

#0C817B

#66D4CF

Teal

#59ADC4

#6AC4DC

#008299

#5DE6FF

Cyan

#55BEE0

#5AC8F5

#0071A4

#70D7FF

Blue

#007AFF

#0A84FF

#0040DD

#409CFF

Indigo

#5856D6

#5E5CDE

#362BA3

#7D7AFF

Purple

#AF52D4

#BF5AF2

#AD44AB

#DA8FFF

Pink

#FF2D55

#FF375F

#D30F45

#FF6498

Brown

#A2925E

#AC8E68

#7F6545

#B59469

Gray

#8E8E93

#98989D

#69696E

#98989D

Free and premium multipage themes & UI Kits For freelancers, developers, businesses, and personal use crafted with Astro JS & Tailwind CSS
logo · logo

Lexington Themes

Free and premium multipage themes & UI Kits For freelancers, developers, businesses, and personal use crafted with Astro JS & Tailwind CSS

Visit Lexington Themes
Premium components, elements and layouts For freelancers, developers, businesses, and personal use. Beautifully crafted with Tailwind CSS and Alpine JS
logo · logo

Oxbow UI

Premium components, elements and layouts For freelancers, developers, businesses, and personal use. Beautifully crafted with Tailwind CSS and Alpine JS

Visit Oxbow UI