An inside look at 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 two shades of color—300 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.

Powder color palettes

Explore the palettes featured in the Powder WordPress theme:

Violet

#ffffff

#000000

#4d179a

#c4b4ff

Fuchsia

#ffffff

#000000

#721378

#f4a8ff

Pink

#ffffff

#000000

#861043

#fda5d5

Rose

#ffffff

#000000

#8b0836

#ffa1ad

Orange

#ffffff

#000000

#7e2a0c

#ffb86a

Yellow

#ffffff

#000000

#733e0a

#ffdf20

Lime

#ffffff

#000000

#35530e

#bbf451

Emerald

#ffffff

#000000

#004f3b

#5ee9b5

Teal

#ffffff

#000000

#0b4f4a

#46ecd5

Cyan

#ffffff

#000000

#104e64

#53eafd

Sky

#ffffff

#000000

#024a70

#74d4ff

Blue

#fffffff

#000000

#1c398e

#8ec5ff