Powder Color Palettes

I believe in the power of simplicity and often design in black and white, embracing minimalism. But make no mistake—I’m also a fan of using color every once in a while. That’s why I thoughtfully curated twelve palettes for Powder, each inspired by the system behind Tailwind CSS.

Each palette in Powder includes four shades—100, 300, 600, and 900—mirroring the tonal structure found in Tailwind. The hex codes in Powder are derived from Tailwind CSS v4, where I converted the OKLCH color values to ensure proper contrast and accessibility across the theme.

Explore the palettes featured in the Powder WordPress theme:

Violet

#4d179a

#7f22fe

#c4b4ff

#ede9fe

Fuchsia

#721378

#c800de

#f4a8ff

#fae8ff

Pink

#861043

#e60076

#fda5d5

#fce7f3

Rose

#8b0836

#ec003f

#ffa1ad

#ffe4e6

Orange

#7e2a0c

#f54a00

#ffb86a

#ffedd4

Yellow

#733e0a

#d08700

#ffdf20

#fef9c2

Lime

#35530e

#5ea500

#bbf451

#ecfcca

Emerald

#004f3b

#009966

#5ee9b5

#d0fae5

Teal

#0b4f4a

#009689

#46ecd5

#cbfbf1

Cyan

#104e64

#0092b8

#53eafd

#cefafe

Sky

#024a70

#0084d1

#74d4ff

#dff2fe

Blue

#1c398e

#155dfc

#8ec5ff

#dbeafe