Radix Light color design system

Explore the Radix light 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.

Gray

#fcfcfc

#f8f8f8

#f3f3f3

#ededed

#e8e8e8

#e2e2e2

#dbdbdb

#c7c7c7

#8f8f8f

#858585

#6f6f6f

#171717

Mauve

#fdfcfd

#f9f8f9

#f4f2f4

#eeedef

#e9e8ea

#e4e2e4

#dcdbdd

#c8c7cb

#908e96

#86848d

#6f6e77

#1a1523

Slate

#fbfcfd

#f8f9fa

#f1f3f5

#eceef0

#e6e8eb

#dfe3e6

#d7dbdf

#c1c8cd

#889096

#7e868c

#687076

#11181c

Sage

#fbfdfc

#f8faf9

#f1f4f3

#ecefed

#e6e9e8

#dfe4e2

#d7dcda

#c2c9c6

#8a918e

#808784

#6a716e

#111c18

Olive

#fcfdfc

#f8faf8

#f2f4f2

#ecefec

#e6e9e6

#e0e4e0

#d8dcd8

#c3c8c2

#8b918a

#818780

#6b716a

#141e12

Sand

#fdfdfc

#f9f9f8

#f3f3f2

#eeeeec

#e9e9e6

#e3e3e0

#dbdbd7

#c8c7c1

#90908c

#868682

#706f6c

#1b1b18

Tomato

#fffcfc

#fff8f7

#fff0ee

#ffe6e2

#fdd8d3

#fac7be

#f3b0a2

#ea9280

#e54d2e

#db4324

#ca3214

#341711

Red

#fffcfc

#fff8f8

#ffefef

#ffe5e5

#fdd8d8

#f9c6c6

#f3aeaf

#eb9091

#e5484d

#dc3d43

#cd2b31

#381316

Crimson

#fffcfd

#fff7fb

#feeff6

#fce5f0

#f9d8e7

#f4c6db

#edadc8

#e58fb1

#e93d82

#e03177

#d31e66

#3d0d1d

Pink

#fffcfe

#fff7fc

#feeef8

#fce5f3

#f9d8ec

#f3c6e2

#ecadd4

#e38ec3

#d6409f

#d23197

#cd1d8d

#3b0a2a

Plum

#fefcff

#fff8ff

#fceffc

#f9e5f9

#f3d9f4

#ebc8ed

#dfafe3

#cf91d8

#ab4aba

#a43cb4

#9c2bad

#340c3b

Purple

#fefcfe

#fdfaff

#f9f1fe

#f3e7fc

#eddbf9

#e3ccf4

#d3b4ed

#be93e4

#8e4ec6

#8445bc

#793aaf

#2b0e44

Violet

#fdfcfe

#fbfaff

#f5f2ff

#ede9fe

#e4defc

#d7cff9

#c4b8f3

#aa99ec

#6e56cf

#644fc1

#5746af

#20134b

Indigo

#fdfdfe

#f8faff

#f0f4ff

#e6edfe

#d9e2fc

#c6d4f9

#aec0f5

#8da4ef

#3e63dd

#3a5ccc

#3451b2

#101d46

Blue

#fbfdff

#f5faff

#edf6ff

#e1f0ff

#cee7fe

#b7d9f8

#96c7f2

#5eb0ef

#0091ff

#0081f1

#006adc

#00254d

Cyan

#fafdfe

#f2fcfd

#e7f9fb

#d8f3f6

#c4eaef

#aadee6

#84cdda

#3db9cf

#05a2c2

#0894b3

#0c7792

#04313c

Teal

#fafefd

#f1fcfa

#e7f9f5

#d9f3ee

#c7ebe5

#afdfd7

#8dcec3

#53b9ab

#12a594

#0e9888

#067a6f

#10302b

Green

#fbfefc

#f2fcf5

#e9f9ee

#ddf3e4

#ccebd7

#b4dfc4

#92ceac

#5bb98c

#30a46c

#299764

#18794e

#153226

Grass

#fbfefb

#f3fcf3

#ebf9eb

#dff3df

#ceebcf

#b7dfba

#97cf9c

#65ba75

#46a758

#3d9a50

#297c3b

#1b311e

Orange

#fefcfb

#fef8f4

#fff1e7

#ffe8d7

#ffdcc3

#ffcca7

#ffb381

#fa934e

#f76808

#ed5f00

#bd4b00

#451e11

Brown

#fefdfc

#fcf9f6

#f8f1ea

#f4e9dd

#efddcc

#e8cdb5

#ddb896

#d09e72

#ad7f58

#a07653

#886349

#3f2c22

Sky

#f9feff

#f1fcff

#e4f9ff

#d5f4fd

#c1ecf9

#a4dff1

#79cfea

#2ebde5

#68ddfd

#5fd4f4

#0078a1

#003242

Mint

#f9fefc

#effefa

#e1fbf4

#d2f7ed

#c0efe3

#a5e4d4

#7dd7c0

#40c4aa

#70e1c8

#69d9c1

#147d6f

#09342e

Lime

#fcfdf7

#f7fcf2

#eefadc

#e4f7c7

#d7f2b0

#c9e894

#afd76b

#94c13d

#99d52a

#93c926

#5f8c12

#263209

Yellow

#fdfdf9

#fffce8

#fffbd1

#fefac7

#fef3a3

#fde97e

#f9dd49

#f7d02c

#f5d90a

#f7ce00

#946800

#35290f

Amber

#fefdfb

#fef8ed

#fff1d5

#ffe8bb

#ffdd95

#ffd07a

#fec451

#f3ba63

#ffb224

#ffaa19

#ad5700

#4e2009

Gold

#fefdfb

#fef8ed

#fff1d5

#ffe8bb

#ffdd95

#ffd07a

#fec451

#f3ba63

#ffb224

#ffaa19

#ad5700

#4e2009

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 →