Mood & theme · 1970s–present
Kawaii
Cute as an active aesthetic system: pastel pinks, oversized round features, simple happy expressions, and the deliberate embrace of soft, sweet, non-threatening forms.
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.025 350) - --fg
oklch(22% 0.06 335) - --muted
oklch(58% 0.06 340) - --surface
oklch(99.5% 0.01 350) - --surface-2
oklch(93% 0.04 348) - --border
oklch(88% 0.05 346) - --accent
oklch(72% 0.2 340) - --accent-fg
oklch(99% 0 0) - --focus
oklch(65% 0.2 340)
| Token | Value |
|---|---|
| --font-body | 'Nunito', ui-rounded, system-ui, sans-serif |
| --font-display | 'M PLUS Rounded 1c', 'Nunito', ui-rounded, system-ui, sans-serif |
| --font-mono | ui-monospace, 'SFMono-Regular', monospace |
| --radius | 999px |
| --radius-sm | 999px |
| --shadow | 0 4px 14px -4px oklch(65% 0.1 340 / 0.22) |
| --shadow-lg | 0 14px 40px -6px oklch(65% 0.1 340 / 0.28) |
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800;900&family=Nunito:wght@400;600;700;800&display=swap');
:root {
--bg: oklch(97% 0.025 350);
--fg: oklch(22% 0.06 335);
--muted: oklch(58% 0.06 340);
--surface: oklch(99.5% 0.01 350);
--surface-2: oklch(93% 0.04 348);
--border: oklch(88% 0.05 346);
--accent: oklch(72% 0.2 340);
--accent-fg: oklch(99% 0 0);
--focus: oklch(65% 0.2 340);
--font-body: 'Nunito', ui-rounded, system-ui, sans-serif;
--font-display: 'M PLUS Rounded 1c', 'Nunito', ui-rounded, system-ui, sans-serif;
--font-mono: ui-monospace, 'SFMono-Regular', monospace;
--radius: 999px;
--radius-sm: 999px;
--shadow: 0 4px 14px -4px oklch(65% 0.1 340 / 0.22);
--shadow-lg: 0 14px 40px -6px oklch(65% 0.1 340 / 0.28);
}Where it came from
Origin: Japanese youth culture; Sanrio; manga character design
Kawaii (可愛い — cute, loveable) emerged as a deliberate subculture in Japan in the 1970s, popularised by round handwriting styles in school notebooks and then by character brands like Sanrio's Hello Kitty. It spread globally through manga, anime, and character merchandise, becoming one of the most globally recognised aesthetic systems. In UI it appears in children's products, social apps, and consumer brands that want approachability and joy.
How to spot it
- Pink, lavender, and pastel palette with white as the base
- Maximum border-radius — circles and pill shapes everywhere
- Simple, wide-eyed character motifs and emotive icons
- Playful bounce and spring animations
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Warmth and joy that no other aesthetic matches | Incompatible with professional, serious, or dense-data contexts |
| Immediately signals safety and approachability | Pastel palette can fail contrast requirements if not carefully managed |
| Strong community identity — kawaii audiences are engaged and loyal | Misapplied outside its context it reads as condescending |
In the wild
- Sanrio character brand products and interfaces
- Children's education and gaming applications
- Social and messaging apps with sticker-first culture
Use it when
The product is for children, or the brand identity is explicitly built around joy, friendship, and play.