"Shadcn" color palette

Shadcn tags

developmentminimalistmodernuiwebcleantailwindcomponentlibrary

120

Shadcn Color Conversions To rgb/hex/hsl Codes

HEX #0F172A
RGB 15, 23, 42
HSL 222, 47, 11
HEX #1E293B
RGB 30, 41, 59
HSL 217, 33, 17
HEX #334155
RGB 51, 65, 85
HSL 215, 25, 27
HEX #E2E8F0
RGB 226, 232, 240
HSL 214, 32, 91
HEX #CBD5E1
RGB 203, 213, 225
HSL 213, 27, 84

Shadcn Color Palette Complementary

The following are the complementary colors of the selected color palette. Each color is generated by rotating the hue of the color by 180 degrees.

Shadcn color paletteComplementary Rotate 45°

Shadcn color paletteComplementary Rotate 30°

Shadcn color paletteComplementary Rotate 60°

Shadcn Color Palette Shades

The following are the color shades of the selected color palette. Each color shade is generated by decreasing the brightness of the color by 10%. click on the color to copy the hex code.

Shadcn color palette of#0f172a color shades

Shadcn color palette of#1e293b color shades

Shadcn color palette of#334155 color shades

Shadcn color palette of#e2e8f0 color shades

Shadcn color palette of#cbd5e1 color shades

More palettes with Shadcn color palette