COLORS
A nicer color palette for the web.
The New Defaults
Skinning your prototypes just got easier - colors.css is a collection of skin classes to use while prototyping in the browser. 647Bminified and gzipped.
Navy
#001f3f
Blue
#0074D9
Aqua
#7FDBFF
TEAL
#39CCCC
PURPLE
#B10DC9
FUCHSIA
#F012BE
MAROON
#85144b
RED
#FF4136
ORANGE
#FF851B
YELLOW
#FFDC00
OLIVE
#3D9970
GREEN
#2ECC40
LIME
#01FF70
BLACK
#111111
GRAY
#AAAAAA
SILVER
#DDDDDD
WHITE
Customize these colorsCreate your own defaults#FFFFFF
The Old Defaults
Navy
Blue
Aqua
Teal
Olive
Green
Lime
Yellow
Orange
Red
Maroon
Fuchsia
Purple
Silver
Gray
White
Black
Utilities
Borders& Text
Includes classes to set text and or border color.
Navy
Blue
Aqua
Teal
Purple
Fuchsia
Maroon
Olive
Green
Lime
Yellow
Orange
Red
Black
Silver
Gray
White
SVG Fills
Easily set the color of inline svg elements by tacking on a skin class as illustrated below.
SVG Strokes
Easily set the color of the stroke on inline svg elements by tacking on a skin class as illustrated below.
Get Colors
Want to use these in a project?
Install with npm
npm install --save-dev colors.css
Install the gem
gem install clrs
Link to the file in the head of your document
<link rel=stylesheet href="https://s3-us-west-2.amazonaws.com/colors-css/2.2.0/colors.min.css">
Swatches
Want to use these colors in Photoshop, Illustrator, Gimp or Inkscape? Download one of these swatches.
A11Y (accessibility)
Use colors responsiblyCheck out these 90 examplesof A11Ycompliant color combos.