DESIGN/PALETTE

Color Scheme Maker

Build and preview palettes: analogous, complementary, triadic, mono, shades.

Tip: press Space to randomize
Palette · 5 colors
Live preview
HEADER
The quick brown fox
Preview typography and buttons against your palette.
Card
Export theme
:root {
  --color-1: #33ccff;
  --color-2: #3399ff;
  --color-3: #3366ff;
  --color-4: #3333ff;
  --color-5: #6633ff;
}

Related tools

All →
DESIGN/COLOR
Color Picker
HEX/RGB/HSL picker with contrast ratio tool.
IMAGE/OPTIMIZE
Image Compressor
Client-side JPEG re-encoding to shrink images.
DESIGN/CSS
CSS Gradient Generator
Design linear and radial CSS gradients with live preview and copy-ready code.
DESIGN/CSS
Box Shadow Generator
Craft box-shadow values with sliders and copy the CSS instantly.