Wabi-Sabi

Live preview base style — press Wear

This month

$2,100

Revenue, up 12% from last month.

Customer	Plan	Status	MRR
Northwind	Studio	Active	$1,240
Acme Labs	Team	Trial	$0
Kaldi Coffee	Studio	Active	$860

Use this style 16 tokens

--bg oklch(88% 0.025 68)
--fg oklch(22% 0.03 50)
--muted oklch(50% 0.025 58)
--surface oklch(90% 0.022 72)
--surface-2 oklch(84% 0.03 65)
--border oklch(70% 0.032 62)
--accent oklch(58% 0.09 68)
--accent-fg oklch(96% 0.01 70)
--focus oklch(52% 0.1 42)

Token	Value
--font-body	`'EB Garamond', Georgia, serif`
--font-display	`'EB Garamond', Georgia, serif`
--font-mono	`ui-monospace, monospace`
--radius	`2px`
--radius-sm	`1px`
--shadow	`0 1px 4px oklch(22% 0.03 50 / 0.14)`
--shadow-lg	`0 4px 18px oklch(22% 0.03 50 / 0.18)`

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&display=swap');

:root {
	--bg: oklch(88% 0.025 68);
	--fg: oklch(22% 0.03 50);
	--muted: oklch(50% 0.025 58);
	--surface: oklch(90% 0.022 72);
	--surface-2: oklch(84% 0.03 65);
	--border: oklch(70% 0.032 62);
	--accent: oklch(58% 0.09 68);
	--accent-fg: oklch(96% 0.01 70);
	--focus: oklch(52% 0.1 42);
	--font-body: 'EB Garamond', Georgia, serif;
	--font-display: 'EB Garamond', Georgia, serif;
	--font-mono: ui-monospace, monospace;
	--radius: 2px;
	--radius-sm: 1px;
	--shadow: 0 1px 4px oklch(22% 0.03 50 / 0.14);
	--shadow-lg: 0 4px 18px oklch(22% 0.03 50 / 0.18);
}

Where it came from

Origin: Japan — the aesthetic philosophy of impermanence and imperfection

Wabi-sabi comes from two Japanese concepts: wabi (the beauty of modest and humble things) and sabi (the beauty of age and wear). It appears in the irregular glaze of a tea bowl, the moss on a stone lantern, the cracked plaster wall. In the Sen no Rikyū tradition of the tea ceremony, a deliberately rough vessel was more valuable than a perfect porcelain one. In contemporary design it informs the preference for linen textures, visible grain and materials that patina rather than staying pristine.

How to spot it

Imperfect, asymmetric forms — deliberately off-centre and uneven
Textures that suggest age: grain, linen, stone, cracked clay
Earthy, desaturated palette — clay, moss, ash, bone
Handmade quality over mechanical precision

Trade-offs

Strengths	Weaknesses
Warmth and authenticity that polished design cannot reproduce	Almost impossible to do well digitally — CSS textures often feel fake
Stands apart from any screen trend	Too atmospheric for utility products
Texture and imperfection photograph beautifully	Requires editorial and photographic assets to carry the system

In the wild

Kinfolk magazine
Aesop cosmetics branding and store design
Japanese ceramics and craft market identity

Use it when

Food, craft, ceramics, slow living brands or editorial contexts where material honesty is the message.