
Enter one base color, and the tool will generate 9 harmonious color palettes: monochromatic, complementary, triadic, pastel, and more. Each color can be copied with its HEX code.
Monochromatic palette
All colors share the same hue (H), differing mainly in lightness (L) in the HSL color space.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Triadic palette
Three hues spaced 120° apart on the color wheel (vertices of an equilateral triangle) - a geometry often used in branding and Bauhaus-inspired designs.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Split-complementary palette
A variation of the complementary palette - instead of one complement (180°), two colors shifted by about ±30° from the complement are used, reducing visual tension while maintaining strong contrast.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Pastel palette
The same hue with reduced saturation and increased lightness - a shift toward the center and top of the HSL space, producing soft, "creamy" colors.
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Dark palette
The same hue with high saturation (S) and reduced lightness (L) - a downward shift on the lightness axis, producing deep colors typical of dark mode and bold accents.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Tonal palette (Material Design inspired)
Several lightness steps of one hue - varied L and moderate S, similar to tonal ranges known from Material Design guidelines (e.g. 50-900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Minimalist palette (Apple inspired)
One bold color accent and several very light, soft neutrals - a layout typical of interfaces with plenty of white space and subtle shadows.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Analogous palette
Colors with similar hues - from about -30° to +30° around the base color on the classic color wheel (e.g. Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Complementary palette
The base color and its complement shifted by 180° on the color wheel - one of the fundamental color contrasts described by Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
A consistent color palette is the foundation of every visual project - from a website, through a logo, to printed materials. Manually selecting colors that work together requires knowledge of color theory. The generator does it automatically: you provide one base color (e.g., your logo color), and the tool creates 9 color sets based on proven color harmony schemes.
Each generated color comes with its HEX code (e.g., #4F6BF5) and HSL value (hue, saturation, lightness). The HEX code can be pasted directly into CSS, Figma, Canva, or any graphics application.
The whole process takes just a few seconds:
The generator creates 9 palette types - each based on a different color theory principle:
All palettes are created by mathematically transforming the base color in HSL color space. HSL describes a color with three values: hue (H) is the position on the color wheel (0°–360°), saturation (S) determines color intensity, and lightness (L) - how bright or dark the color is.
The complementary, triadic, and split-complementary palettes are based on color wheel geometry - colors are placed at equal angular intervals, creating visual balance. The monochromatic, pastel, and dark palettes change only lightness and saturation while keeping the same hue.