Website Factory · Pattern Lab

Palette extractor

The hybrid palette step: pull a clean, role-keyed scheme straight from the matched reference, and fall back to the curated library whenever the reference is muddy. Each row shows the input, the extractor's call, the six tokens it produced, and a mini-site built from those tokens so you can judge the palette in use. Real photos and synthetic references are mixed in; the curated round-trips and the monochrome case prove the fallback gate.

13 references · 9 extracted · 4 fell back to curated
syn-dark-warm
Synthetic reference
EXTRACTED clean extraction
target accent #E8714C
--bg#110F0D
--bg-2#252421
--ink#E0DCD6
--muted#83807C
--accent#E7704B
--accent-d#BE5C3E
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme dark · ink/bg 13.99 · accent/bg 6.23 · colourful 6.2%
syn-light-cool
Synthetic reference
EXTRACTED clean extraction
target accent #2F6F5B
--bg#F6F3EC
--bg-2#E1DED8
--ink#2A2623
--muted#85827E
--accent#2F6F5B
--accent-d#275B4A
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme light · ink/bg 13.5 · accent/bg 5.35 · colourful 5.1%
syn-tiny-accent
Synthetic reference
EXTRACTED clean extraction
target accent #4C8FE8
--bg#0D1015
--bg-2#222529
--ink#D7DBE0
--muted#7C8085
--accent#4B8DE6
--accent-d#3E74BD
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme dark · ink/bg 13.71 · accent/bg 5.68 · colourful 2.1%
syn-highkey
Synthetic reference
EXTRACTED clean extraction
target accent #C0392B
--bg#F9F9F7
--bg-2#E8E4E2
--ink#4D2827
--muted#9B8685
--accent#C0392B
--accent-d#9D2F23
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme light · ink/bg 12.05 · accent/bg 5.18 · colourful 4.7%
syn-monochrome
Synthetic reference
FALLBACK no vivid accent (colourful pixels 0.0%, none well-separated) → curated:visme-02-deep-vintage-mood
monochrome (no accent)
--bg#244856
--bg-2#874f42
--ink#fbe9d1
--muted#9AA19A
--accent#e74833
--accent-d#874f42
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme dark · ink/bg 11.14 · accent/bg 0.0 · colourful 0.0%
cur-visme-01-metallic-
Curated round-trip
EXTRACTED clean extraction
--bg#EEE8F5
--bg-2#DDDAED
--ink#495CA7
--muted#939BCA
--accent#768CCD
--accent-d#6172A8
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme light · ink/bg 5.16 · accent/bg 2.74 · colourful 19.0%
cur-visme-02-deep-vint
Curated round-trip
EXTRACTED clean extraction
--bg#234855
--bg-2#375661
--ink#EADDC7
--muted#919A94
--accent#E64833
--accent-d#BD3B29
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme dark · ink/bg 7.38 · accent/bg 2.52 · colourful 9.9%
cur-visme-03-cool-and-
Curated round-trip
FALLBACK no vivid accent (colourful pixels 14.2%, none well-separated) → curated:visme-02-deep-vintage-mood
--bg#244856
--bg-2#874f42
--ink#fbe9d1
--muted#9AA19A
--accent#e74833
--accent-d#874f42
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme dark · ink/bg 8.5 · accent/bg 0.0 · colourful 14.2%
cur-visme-04-earth-and
Curated round-trip
EXTRACTED clean extraction
--bg#B19D8E
--bg-2#A59284
--ink#39312A
--muted#6F6157
--accent#7B5532
--accent-d#654529
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme light · ink/bg 4.94 · accent/bg 2.54 · colourful 5.6%
photo-architecture
Real photo
FALLBACK no vivid accent (colourful pixels 0.9%, none well-separated) → curated:visme-01-metallic-chic
Warm concrete architecture
--bg#eee8f6
--bg-2#adbada
--ink#3d52a1
--muted#8D96C7
--accent#7191e6
--accent-d#8697c3
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme light · ink/bg 5.22 · accent/bg 0.0 · colourful 0.9%
photo-coffee
Real photo
EXTRACTED clean extraction
Coffee, dark and warm
--bg#211C14
--bg-2#322F27
--ink#D2D9D5
--muted#82847E
--accent#785E4A
--accent-d#624D3D
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme dark · ink/bg 11.83 · accent/bg 2.83 · colourful 20.3%
photo-fashion
Real photo
EXTRACTED clean extraction
Sculptural fashion, soft light
--bg#989B8D
--bg-2#8F9082
--ink#3E291A
--muted#675C4E
--accent#694E37
--accent-d#56402D
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme light · ink/bg 4.8 · accent/bg 2.69 · colourful 21.1%
photo-stone
Real photo
FALLBACK no vivid accent (colourful pixels 0.0%, none well-separated) → curated:visme-01-metallic-chic
Cool stone and shadow
--bg#eee8f6
--bg-2#adbada
--ink#3d52a1
--muted#8D96C7
--accent#7191e6
--accent-d#8697c3
Studio / 2026
Built with intent
A line of muted supporting copy that has to stay legible on the background.
panel / bg-2
Primary Hover Ghost
theme light · ink/bg 8.49 · accent/bg 0.0 · colourful 0.0%