Uber color design system

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

Teal

#E8FAFA

#D4F1F2

#CAF2F4

#A3E9EC

#75DEE3

#47D3D9

#2FC5CC

#17B8BE

#15AEB4

#13A4AB

#11939A

#108188

#0E7077

#0B5F65

#0A545A

#0F474A

Turquoise

#E9F6FA

#DAF0F7

#CBE9F4

#A6DAEC

#79C7E3

#4DB5D9

#35A6CC

#1E96BE

#1C8EB4

#1A85AB

#17779A

#146988

#125C77

#0F4E65

#0D4559

#103B49

Ocean

#EAF2FA

#DCEAF7

#CDE1F4

#A9CBED

#7DB1E3

#5297DA

#3B85CC

#2473BD

#226DB5

#2473BD

#1C5C9A

#195188

#164677

#133B65

#103459

#16314D

Blue

#EBEFFA

#DDE3F7

#CFD8F4

#ABBCED

#829AE3

#5879DA

#4265CC

#2C51BE

#294CB5

#2647AC

#223F9A

#1E3788

#1A3177

#162A65

#132559

#18264D

Indigo

#EDE9FA

#E1DBF6

#D4CCF3

#B4A7EB

#8F7BE0

#694FD6

#5438C8

#482BBD

#3B1EB1

#371DA8

#321A97

#2C1685

#261474

#201163

#1C0F58

#1B1247

Purple

#F3E7F9

#ECD7F5

#E4C7F1

#D09FE6

#B86EDA

#A13ECD

#8D26B9

#820DAF

#7A0DA6

#720C9D

#670B8C

#5C097A

#510869

#460658

#3F054C

#360B40

Violet

#F9E8F5

#F5D8EE

#F1C8E6

#E79FD5

#DA70BF

#CE40AA

#C32899

#B80F87

#AE0E7F

#A40D77

#950C69

#861D5C

#79094D

#6B083F

#510E30

#510E30

Pink

#FCE9EF

#FBDAE4

#F9CADA

#F4A3BF

#EF76A0

#E9487E

#E1316A

#D91955

#CF1750

#C5154A

#B51241

#A51037

#970E2D

#880B23

#7E0A1D

#63101D

Coral

#FDE6E6

#FBD4D4

#F9C4C4

#F59999

#F06D6D

#EA4444

#E31A1A

#DA0000

#D20000

#C90000

#BB0000

#AC0000

#9F0000

#910000

#880000

#6D0A0A

Ember

#FEEEE8

#F8DDD3

#FCD6C8

#FAB8A0

#F89570

#F57141

#EF5D28

#E7531F

#DF4916

#D73F0D

#CA3B27

#BE3009

#B12907

#A42105

#9B1C04

#7A1F0E

Orange

#FFEDE1

#FFE5D0

#FFDCBF

#FFC694

#FFAD66

#FF9333

#F9841A

#F87900

#F57400

#ED6C00

#E86600

#DF5D00

#D15200

#C34600

#B43C00

#87330A

Mustard

#FFF2E1

#FFEDD0

#FFE7BF

#FFDA94

#FFC966

#FFB933

#F9AE1A

#F8A200

#F59C00

#F19500

#E88800

#DF8000

#D17100

#C36100

#B45300

#87440A

Yellow

#FFF6E1

#FFF3D0

#FFF0BF

#FFE687

#FFDF66

#FFD633

#F9CD1A

#F8C400

#F5BD00

#F1B500

#E8A600

#DF9600

#D18300

#C37500

#B46500

#87500A

Lemon

#FFF9E1

#FFF9D0

#FFF8BF

#FFF694

#FFF566

#FFF333

#F9ED1A

#F8E700

#F5DE00

#F1D500

#E8C300

#DFB100

#D19B00

#C38400

#B47600

#875C0A

Honeydew

#FBFCEC

#F8FADF

#F5F8D2

#EDF3B2

#E4ED8B

#DBE765

#CFDC4F

#C3D039

#B8C436

#ADB933

#9BA52E

#899128

#777E23

#656B1D

#595E1A

#494C1B

Lime

#F3FBED

#EBF8E1

#E3F5D4

#CFEDB5

#B6E490

#9EDB6B

#8ECF56

#7DC240

#76B73D

#6EAC3A

#639A34

#57882E

#4C7628

#406422

#39581E

#30471D

Green

#EFF8EF

#E4F3E4

#DAEFDA

#BEE4BF

#9ED79F

#7DC97F

#6ABB6B

#57AD57

#52A353

#4C9A4E

#458A46

#3D7A3E

#356A36

#2C5A2E

#274F28

#254325

Jade

#ECF9F5

#DFF5EE

#D2F1E7

#B1E7D6

#89DAC1

#62CEAD

#4DC19C

#37B38B

#2FA782

#309F7D

#2B8F70

#267E63

#216E56

#1B5D48

#185240

#1A4538

Coffee

#F0EDEA

#E7E1DC

#DDD4CD

#C3B5A9

#A68F7E

#886A53

#75553C

#624025

#5D3D23

#573921

#4E331D

#442D19

#3B2716

#322113

#2D1D10

#261A10

Cocoa

#F6F0EB

#F0E7DE

#EADDD0

#DBC3AF

#C9A686

#B7885E

#A87548

#986232

#905D2F

#88572C

#7A4E28

#6B4523

#5D3C1E

#4F3319

#452D16

#3C2A18

Mub

#F3F2EF

#EBE9E4

#E2E0DA

#CDC9BF

#B3AD9E

#9A927E

#89806B

#776E57

#716852

#6A624D

#5F5845

#545454

#494949

#3E3E3E

#535051

#393C3C

Grey

#F8F8F9

#F1F1F1

#E5E5E4

#D6D6D5

#C0C0C0

#A6A5A5

#898989

#777777

#717171

#6A6A6A

#5F5F5F

#545454

#494949

#3E3E3E

#535051

#393C3C

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

Lexington Themes

Free and premium multipage themes & UI Kits For freelancers, developers, businesses, and personal use. Beautifully crafted with Astro.js, and 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

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 →