Color.Mix Generator

Create your own color shades and start using them in your designs

Generate Colors

Monochromatic

{{baseHSLLighten4Hex}}
{{baseHSLLighten3Hex}}
{{baseHSLLighten2Hex}}
{{baseHSLLighten1Hex}}
{{baseHexColorCreate}}
{{baseHSLDarken1Hex}}
{{baseHSLDarken2Hex}}
{{baseHSLDarken3Hex}}
{{baseHSLDarken4Hex}}

Generic

{{baseHexColorCreate}}
{{baseHSLGeneric1Hex}}
{{baseHSLGeneric2Hex}}
{{baseHSLGeneric3Hex}}
{{baseHSLGeneric3Hex}}
{{baseHSLGeneric5Hex}}

Matching

{{baseHexColorCreate}}
{{baseHSLMatching1Hex}}
{{baseHSLMatching2Hex}}
{{baseHSLMatching3Hex}}
{{baseHSLMatching3Hex}}
{{baseHSLMatching5Hex}}

Analogous

{{baseHexColorCreate}}
{{baseHSLAnalogous1Hex}}
{{baseHSLAnalogous2Hex}}

Triadic

{{baseHexColorCreate}}
{{baseHSLTriadic1Hex}}
{{baseHSLTriadic2Hex}}

Complimentary

{{baseHexColorCreate}}
{{baseHSLComplimentary1Hex}}

Split Complimentary

{{baseHexColorCreate}}
{{baseHSLSplitComplimentary1Hex}}
{{baseHSLSplitComplimentary2Hex}}

Double Complimentary

{{baseHexColorCreate}}
{{baseHSLDoubleComplimentary1Hex}}
{{baseHSLDoubleComplimentary2Hex}}
{{baseHSLDoubleComplimentary3Hex}}
Color Schemes generator

Pick a color

Base color