Pajamas color design system

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

Blue

#e9f3fc

#cbe2f9

#9dc7f1

#63a6e9

#428fdc

#1f75cb

#1068bf

#0b5cad

#064787

#033464

Green

#ecf4ee

#c3e6cd

#91d4a8

#52b87a

#2da160

#108548

#217645

#24663b

#0d532a

#0a4020

Orange

#fdf1dd

#f5d9a8

#e9be74

#d99530

#c17d10

#ab6100

#9e5400

#8f4700

#703800

#5c2900

Red

#fcf1ef

#fdd4cd

#fcb5aa

#f57f6c

#ec5941

#dd2b0e

#c91c00

#ae1800

#8d1300

#660e00

Purple

#f4f0ff

#e1d8f9

#cbbbf2

#ac93e6

#9475db

#7b58cf

#694cc0

#5943b6

#453894

#2f2a6b

Neutral

#fff

#fbfafd

#ececef

#dcdcde

#bfbfc3

#a4a3a8

#89888d

#737278

#626168

#4c4b51

#3a383f

#28272d

Indigo

#f8f8ff

#f1f1ff

#dbdbf8

#c7c7f2

#a2a2e6

#8181d7

#6666c4

#5252b5

#41419f

#303083

#222261

#14143d

Light Blue

#eef3f7

#dde6ee

#c1d4e6

#a0bedc

#74a3d3

#4f8bc7

#3476b9

#2268ae

#145aa1

#0e4d8d

#0c4277

#0a3764

Light Red

#fdf9f8

#faf2f1

#f6d9d5

#ebada2

#e07f6f

#d36250

#c24b38

#b53a26

#a02e1c

#8b2212

#751709

#5c1105

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