"Shadcn theme" color palette

Shadcn theme tags

minimalistmoderncleanaccessibleprofessionalelegantsubtleneutralsophisticateddark modeuser-friendlyhigh contrastinterface design#000000#FFFFFF#E4E4E4#333333#6C757D#1A2027

156

Shadcn theme Color Conversions To rgb/hex/hsl Codes

HEX #1A2027
RGB 26, 32, 39
HSL 212, 20, 13
HEX #E4E4E4
RGB 228, 228, 228
HSL 0, 0, 89
HEX #333333
RGB 51, 51, 51
HSL 0, 0, 20
HEX #6C757D
RGB 108, 117, 125
HSL 208, 7, 46
HEX #000000
RGB 0, 0, 0
HSL 0, 0, 0

Shadcn theme 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 theme color paletteComplementary Rotate 45°

Shadcn theme color paletteComplementary Rotate 30°

Shadcn theme color paletteComplementary Rotate 60°

Shadcn theme 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 theme color palette of#1a2027 color shades

Shadcn theme color palette of#e4e4e4 color shades

Shadcn theme color palette of#333333 color shades

Shadcn theme color palette of#6c757d color shades

Shadcn theme color palette of#000000 color shades

Shadcn theme Resource

More palettes with Shadcn theme color palette