rasch / colors

🌈 a collection of color palettes

colors

🌈 a collection of color palettes

These color palettes were originally created in the early days of SCSS because I was building a portfolio website for my landscape design projects and wanted my site's color scheme to match my drawings. At the time, I was using mostly Chartpak AD® Markers and Prismacolor® Colored Pencils. I ended up only using these in a few web projects but found them very helpful for coming up with color schemes for traditional drawing.

I made a little website to show all the color swatches. It uses keybindings to change between color palettes and the sort order of the colors.

keybindings

• p: go to next color palette
• P: go to previous color palette
• h: sort by hue
• s: sort by saturation
• v: sort by value
• r: sort by red
• g: sort by green
• b: sort by blue
• n: sort by name (alphabetical)
• x: sort by hex color
• o: sort by groups
• l: sort by brightness (default)

palettes

Each color palette is also available as CSS custom properties to import into any project.

palette	description	CSS custom props
the-new-defaults	The New Defaults are replacements for the standard CSS keyword color system	🎨
chartpak-ad-markers	Chartpak AD® Markers	🎨
prismacolor-markers	Prismacolor® Markers	🎨
prismacolor-pencils	Prismacolor® Colored Pencils	🎨
prismacolor-pastels	Prismacolor® Pastels	🎨
crayola-crayons	Crayola® Crayons	🎨
css-named-colors	CSS named colors	🎨