Loading ...
Export Palette
Quick Actions
Share Palette
Code
Design
Mobile
Palette History
Pick Colors from Image
Drag & drop an image here or browse
Adjust Palette
Color Wheel
Drag dots to adjust Hue & Saturation.
Click empty space to add a color.
Click empty space to add a color.
Gradient Builder
Quick Angles
90°
CSS Code
Live Preview
Button
Card
Card
Background
Collage Maker
Drag & drop an image here or browse
Color Blindness
Contrast Check
AA >= 4.5
AA >= 3.0
Fail < 3.0
Palette Variations
Visualizer
Save Palette
#
Loading collections...
Create Collection
Settings
Color Blending
Choose how colors mix when generating gradients or adding new colors.
Help & Shortcuts
Quick Guide
Generate paletteSpace or click
Mix locked colorsClick
Generate App ThemeClick
Adjust colorsHover color for controls
Lock colorClick lock icon
ReorderDrag
HistoryClick History button
Keyboard Shortcuts
Generate
Space
Mix locked colors
0
Undo / Redo
Ctrl + Z / Y
Unlock all
U
Lock all
Ctrl + Shift + L
Analogous
A
Complementary
C
Split Complementary
K
Triadic
T
Square
Q
Tetradic
E
Monochromatic
M
Muted
G
Random
R
Vibrant
V
Sort: Lightness
L
Sort: Hue
H
Sort: Saturation
S
Sort: Temperature
P
Lock/Unlock Color 1
Ctrl + 1
Lock/Unlock Color 2
Ctrl + 2
Lock/Unlock Color 3
Ctrl + 3
Lock/Unlock Color 4
Ctrl + 4
Lock/Unlock Color 5
Ctrl + 5
Lock/Unlock Color 6
Ctrl + 6
Lock/Unlock Color 7
Ctrl + 7
Lock/Unlock Color 8
Ctrl + 8
Lock/Unlock Color 9
Ctrl + 9
Lock/Unlock Color 10
Ctrl + 0