Colors

Two palettes for two product surfaces under one person's work. Both are warm, quiet, and contrast-safe; both reserve a single accent for meaning.

Yuqin Portfolio

Editorial warm

Background
Cream
--y-bg
#f6f0e9
Background soft
Cream Light
--y-bg-soft
#fbf7f2
Surface
Paper
--y-surface-strong
#fffaf4
Text / ink
Ink
--y-fg
#241c18
Text muted
Quiet Brown
--y-fg-muted
#6f645d
Accent
Caramel
--y-accent
#b78356
Accent soft
Pale Caramel
--y-accent-soft
#ead4bc
Accent deep
Roasted
--y-accent-strong
#8f6442
In use — hero

Hi, I'm Yuqin.

Cream background, ink text, caramel accent in small doses for links and punctuation marks.

In use — card

Warm project brief

Paper surfaces lift above the cream page; never pure white. Text stays ink, never true black.

In use — inverse

Sparingly used

Inverse sections appear only for emphasis (footer, interstitials). Type switches to cream, accent stays caramel.

CommenHers

Fresh neutral

Background
White
--c-bg
#ffffff
Muted
Bone
--c-muted
#f5f5f5
Foreground
Near Black
--c-fg
#0a0a0a
Text muted
Graphite
--c-muted-fg
#737373
Border
Line
--c-border
#e5e5e5
Accent
Leaf
--c-accent
#16a34a
Accent light
Spring
--c-accent-light
#86efac
Overlay deep
Forest
--c-accent-deep
#14532d
In use — hero

Where upcycling becomes a lifestyle for all

Near-black on white. Green appears only on CTAs, the check mark, and the scroll-anchored wash behind the hero.

In use — section

Bone-white section

Muted grey sections chunk the page vertically. Buttons keep green accent; body text stays graphite.

In use — CTA

Request demo →

Accent green reserved for primary CTA. Never decorative, never two greens at once.