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

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