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 crafted with Astro JS & Tailwind CSS

·

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

·

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