Segment color design system

Explore the Segment 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.

Neutral

#f9f9fb

#e4e7eb

#425a70

#234361

Blue

#f7f9fd

#ddebf7

#1070ca

#084b8a

Red

#fef6f6

#fae2e2

#ec4c47

#bf0e08

Orange

#fdf8f3

#fae3cd

#d9822b

#95591e

Yellow

#fef8e7

#fbe6a2

#f7d154

#7e6514

Green

#f1faf5

#d4eee2

#47b881

#00783e

Teal

#f1fbfc

#d2eef3

#14b5d0

#007489

Purple

#f8f7fc

#eae7f8

#735dd0

#37248f

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