Mood & theme · 2018–present
Cottagecore
Rural idyll made visual: hand-embroidered textures, pressed flowers, warm linen, and the soft romanticism of a life lived close to the land.
Live preview base style — press Wear
$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(97% 0.018 88) - --fg
oklch(24% 0.04 55) - --muted
oklch(55% 0.03 62) - --surface
oklch(99% 0.01 90) - --surface-2
oklch(94% 0.02 84) - --border
oklch(82% 0.04 78) - --accent
oklch(52% 0.12 148) - --accent-fg
oklch(99% 0 0) - --focus
oklch(52% 0.12 148)
| Token | Value |
|---|---|
| --font-body | 'Lora', Georgia, 'Times New Roman', serif |
| --font-display | 'Cormorant Garamond', Georgia, serif |
| --font-mono | ui-monospace, 'SFMono-Regular', monospace |
| --radius | 10px |
| --radius-sm | 6px |
| --shadow | 0 2px 8px oklch(24% 0.04 55 / 0.07) |
| --shadow-lg | 0 10px 30px -4px oklch(24% 0.04 55 / 0.14) |
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root {
--bg: oklch(97% 0.018 88);
--fg: oklch(24% 0.04 55);
--muted: oklch(55% 0.03 62);
--surface: oklch(99% 0.01 90);
--surface-2: oklch(94% 0.02 84);
--border: oklch(82% 0.04 78);
--accent: oklch(52% 0.12 148);
--accent-fg: oklch(99% 0 0);
--focus: oklch(52% 0.12 148);
--font-body: 'Lora', Georgia, 'Times New Roman', serif;
--font-display: 'Cormorant Garamond', Georgia, serif;
--font-mono: ui-monospace, 'SFMono-Regular', monospace;
--radius: 10px;
--radius-sm: 6px;
--shadow: 0 2px 8px oklch(24% 0.04 55 / 0.07);
--shadow-lg: 0 10px 30px -4px oklch(24% 0.04 55 / 0.14);
}Where it came from
Origin: Tumblr aesthetics; rural nostalgia; pandemic-era escapism
Cottagecore crystallised as a named aesthetic on Tumblr and TikTok around 2018–2020. The pandemic accelerated its spread as urban audiences romanticised quieter rural lives they couldn't access. Its visual language — botanical illustration, warm cream tones, handmade imperfection — maps directly from fashion and lifestyle photography into UI, appearing most often in food, wellness, and craft product design.
How to spot it
- Warm cream, dusty sage, and blush pink palette
- Botanical and floral motifs in illustration and pattern
- Handmade quality — soft edges, organic shapes, gentle imperfection
- Generous whitespace and unhurried rhythm
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Warm, immediately comforting and emotionally inviting | Very specific emotional register — wrong for technical or serious products |
| Strong visual identity without aggressive colour | Whitespace-heavy layouts fit poorly in dense data contexts |
| Maps naturally to food, wellness, craft, and homeware brands | Can veer into cliché if the botanical motifs become generic |
In the wild
- Artisan food and homeware brand websites
- Wellness app onboarding and lifestyle product marketing
- Small-batch maker and Etsy-seller storefronts
Use it when
The product connects to nature, home, craft, or slow living — and warmth is more important than efficiency.