Platform-native · 2011 – present
Adwaita
Clean, readable, and quietly confident — the GNOME desktop design language: flat without being cold, spacious without being empty, and rigorously accessible.
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(93.5% 0.004 60) - --fg
oklch(12% 0.005 60) - --muted
oklch(42% 0.005 60) - --surface
oklch(100% 0 0) - --surface-2
oklch(96% 0.003 60) - --border
oklch(83% 0.004 60) - --accent
oklch(55% 0.21 255) - --accent-fg
oklch(99% 0 0) - --focus
oklch(55% 0.21 255)
| Token | Value |
|---|---|
| --font-body | 'Cantarell', system-ui, sans-serif |
| --font-display | 'Cantarell', system-ui, sans-serif |
| --font-mono | 'Source Code Pro', ui-monospace, monospace |
| --radius | 12px |
| --radius-sm | 6px |
| --shadow | 0 1px 3px oklch(0% 0 0 / 0.1), 0 1px 2px oklch(0% 0 0 / 0.08) |
| --shadow-lg | 0 4px 12px oklch(0% 0 0 / 0.12) |
@import url('https://fonts.googleapis.com/css2?family=Cantarell:wght@400;700&display=swap');
:root {
--bg: oklch(93.5% 0.004 60);
--fg: oklch(12% 0.005 60);
--muted: oklch(42% 0.005 60);
--surface: oklch(100% 0 0);
--surface-2: oklch(96% 0.003 60);
--border: oklch(83% 0.004 60);
--accent: oklch(55% 0.21 255);
--accent-fg: oklch(99% 0 0);
--focus: oklch(55% 0.21 255);
--font-body: 'Cantarell', system-ui, sans-serif;
--font-display: 'Cantarell', system-ui, sans-serif;
--font-mono: 'Source Code Pro', ui-monospace, monospace;
--radius: 12px;
--radius-sm: 6px;
--shadow: 0 1px 3px oklch(0% 0 0 / 0.1), 0 1px 2px oklch(0% 0 0 / 0.08);
--shadow-lg: 0 4px 12px oklch(0% 0 0 / 0.12);
}Where it came from
Origin: GNOME Project, Linux desktop environment
Adwaita became GNOME's default theme with GNOME 3.0 in 2011, replacing GNOME 2's Clearlooks. The GNOME design team built it around clear focus states and a muted natural palette. From GNOME 42 (2022), libadwaita gave GNOME apps a shared component library with adaptive layouts, rounder shapes, and stronger colour roles.
How to spot it
- Clean light surfaces with subtle border definition
- Muted natural accent colour (GNOME blue)
- Strong focus-visible ring and keyboard navigation
- Sans-serif type (Cantarell, replaced by Adwaita Sans in GNOME 48) with generous line height
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Exceptional accessibility — built to WCAG AA | Conservative palette can feel uninspired |
| Calm and readable for extended use | GNOME conventions differ from web and mobile patterns |
| Open source — every component is inspectable | Libadwaita is GTK-specific — no web equivalent |
In the wild
- GNOME Files (Nautilus) and GNOME Settings
- GNOME Calendar, Contacts, and Maps
- Fedora Workstation default desktop
Use it when
Linux desktop apps, or web tools targeting Linux/GNOME users who expect native-feeling conventions.