Outfit Colour Visualizer — vector gallery

Recraft-vectorized bases · 4 variants each · swipe rows sideways · tap any image for full size · 2026-07-20
Saving to your camera roll: tap any image to open it full-size, then long-press → Add to Photos (or use the share sheet → Save Image).

Download everything: all-images.zip (10 MB — every variant, composite & sheets)  ·  vector-svgs.zip (647 KB — the 29 true-vector SVG files)
Zips land in the Files app; from there you can batch-select images and save to Photos.
→ Men's illustration fill tests (staged: raw → vector → fills)
→ TJ47 ladies book upgrade tests (new hi-res drawings vs originals)

521830 colour stories + sheets (raster fill engine, multiply overlay)

fill-engine tests (TJ flats)

lj02 olive + ivory V
ts01 dark rust

Outfit pairings (7)

combo_blouse_slack

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

combo_dress

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

combo_jkt1btn_blouse_slack

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

combo_jkt1btn_blouse_wideleg

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

combo_jkt1btn_dress

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

combo_jkt1btn_knit_jeans

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

combo_skirt_top

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

Individual assets (22)

el_bag_clutch

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_bag_shoulder

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_bag_tote

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_boot_kneehigh

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_dress_vsheath

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_jacket_1btn

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_jacket_2btn

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_jacket_db

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_jean_5pocket

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_jewel_brooch

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_jewel_hoops

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_shoe_loafer

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_shoe_pump

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_shoe_sneaker

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_skirt_aline

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_skirt_pencil

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_slack_straight

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_slack_wideleg

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_top_buttonup

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_top_crewknit

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_top_mockneck

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)

el_top_silkblouse

Vector (SVG render)
Vector + PNG overlay (multiply)
Vector + colour fill
Colour fill + PNG overlay (multiply)