Color Harmony Explorer
Discover beautiful color harmonies and create perfect palettes for your designs
Color Wheel
50%
Current
Red
Green
Blue
Yellow
Harmony Pattern
Generated Palette
#FF6B6B
RGB: 255, 107, 107
HSL: 0°, 100%, 71%
Base
#6bffff
RGB: 107, 255, 255
HSL: 180°, 100%, 71%
CSS Variables
:root {
--harmony-1: #FF6B6B;
--harmony-2: #6bffff;
}Array Format
[ "#FF6B6B", "#6bffff" ]
Color Search
Quick Pick
Try searching for color names like "sakura", "ocean", or "sunset"
Color Wheel
50%
Current
Red
Green
Blue
Yellow
Generated Palette
#FF6B6B
RGB: 255, 107, 107
HSL: 0°, 100%, 71%
Base
#6bffff
RGB: 107, 255, 255
HSL: 180°, 100%, 71%
CSS Variables
:root {
--harmony-1: #FF6B6B;
--harmony-2: #6bffff;
}Array Format
[ "#FF6B6B", "#6bffff" ]
Harmony Pattern
Color Search
Quick Pick
Try searching for color names like "sakura", "ocean", or "sunset"
Export Options
:root {
--harmony-1: #FF6B6B;
--harmony-2: #6bffff;
--harmony-primary: #FF6B6B;
--harmony-type: complementary;
}Palette contains 2 colors using complementary harmony