Sumi

Ink on paper. A clean off-white ground, sumi-black ink, one indigo for the read-order mark and one vermilion seal for the single focal action — flat, calm, and printed, never muddy or cream.

cool neutral, indigo.

Download .css

Colours

3 signature colours, 5 neutrals, 4 semantic.

Signature

Indigo#1F3A6E

Vermilion#D8412A

Sumi#16161A

Neutrals

bg#FBFBF9

surface#FFFFFF

text#16161A

muted#6B6B73

bordertransparent

Semantic

success#1E7A52

warning#C2841C

error#B23120

info#1F3A6E

sumi-ink, indigo, vermilion, off-white-paper, woodblock, cool-neutral

Using it

Do

Use the off-white paper as the ground and sumi ink for text.
Reserve vermilion for the single focal action and the brand seal.
Use indigo for the read-order tick, links, and the index.
Keep semantic colours minor — never visually primary.

Avoid

Do not wash surfaces in cream or beige.
Do not use gradients — colour is laid down as flat solid fields.
Do not let vermilion become a workhorse colour.
Do not place ink on indigo body text or low-contrast pairings.

Try a remix

Drop Sumi onto any UI language and swap the art style. The preview recolours live.

UI language

Palette

Sumi

Art style