Vuetiwatch · Vuetify themes
Calm — a free Vuetify theme
Low contrast, desaturated naturals and a lot of air. Nothing competes for attention.
Calm is one of 19 free, plug-and-play themes for Vuetify 4 in Vuetiwatch. This page is a wall of real Vuetify components rendered in it — palette, radius, borders, density and typography all come from the theme, and nothing below styles itself.
- Mode
- Light
- Palette
- #FAFAF7 background, #FFFFFF surface, #6B7A6B primary, #86725F secondary
- Typeface
- Inter
- Icons
- Outline
Use the Calm theme
npm i vuetiwatch
import { createVuetiwatch, themeList, vuetiwatchThemes } from 'vuetiwatch'
import 'vuetiwatch/styles.css'
const vuetify = createVuetify({
theme: { defaultTheme: 'calm', themes: vuetiwatchThemes },
})The other 18 Vuetify themes
- Classic Vuetify theme — Vuetify as it ships. Material Design, Roboto, familiar elevation.
- Paper Vuetify theme — Flat editorial look — warm paper, ink accents, borders instead of elevation.
- Slate Vuetify theme — Dense corporate dashboard — muted slate blue, compact density, tight radii.
- Graphite Vuetify theme (dark) — Product dark — near-black, hairline edges, no shadows, mono labels.
- Atlas Vuetify theme — Console light — a white page, hairline panels and one blue that means "do it".
- Atlas Dark Vuetify theme (dark) — The same console after dark — deep navy, a lit blue, lines you can find.
- Atlas Sepia Vuetify theme — Warm paper and brown ink — the same panel, easier on tired eyes.
- Lux Vuetify theme — Editorial luxury — hairline rules, wide tracking, small caps and muted gold.
- Soft Vuetify theme — Pastel palette, large radii and diffuse shadows. Friendly and unhurried.
- Candy Vuetify theme — Plush and pillowy — warm cream, padded shapes, controls that squash.
- Clay Vuetify theme — Inflated pastel shapes with a triple shadow. Tactile and toy-like.
- Morph Vuetify theme — Neumorphic — one continuous surface, shaped only by light and shadow.
- Sketchy Vuetify theme — Hand-drawn wobble and pencil greys — for mockups, wireframes and mirth.
- Brutalist Vuetify theme — Thick black rules, acid lime and hard unblurred shadows. Loud on purpose.
- Liquid Glass Vuetify theme — Capsule controls and refracting panes over a calm wash, after iOS 26.
- Dark Glass Vuetify theme (dark) — Frosted translucent surfaces on a deep violet ground.
- Aurora Vuetify theme (dark) — Iridescent gradients on near-black. Built to be looked at — the showcase theme.
- Neon Vuetify theme (dark) — Terminal black with cyan and magenta glow. Sharp corners, monospace headings.