Colors
Duotone color effects use two carefully chosen colors — typically a dark shadow tone and a bright highlight tone — to create powerful, eye-catching image filters popularized by Spotify and modern editorial design. This duotone palette generator produces ready-to-use shadow and highlight color pairs in a range of styles, from bold and vibrant to soft and pastel. Use these pairs in CSS filters, photo editing apps like Photoshop, or design tools like Figma to apply stunning duotone effects to any image.
A duotone effect replaces an image's shadows with one color and its highlights with another, creating a striking two-color stylized look.
Use CSS filter with sepia(), hue-rotate(), and saturate() or SVG feColorMatrix filters to simulate a duotone on HTML images.
Adobe Photoshop, Affinity Photo, GIMP, Figma (with plugins), and Canva all support duotone or two-color image effects.
High-contrast pairs work best — a very dark shadow color paired with a vivid or light highlight creates the most striking duotone result.