Presets

A theme sets colours. A preset sets the whole look: colours, corners, typeface, density and shadows, tuned together. Each card below is live and follows your light or dark mode. Prefer to start from colour alone? Browse themes.

61 presets

Colour
Light and dark tokens for every surface, chart series and the sidebar.
Shape and type
A corner radius and a typeface chosen to go with the colours.
Density
The Tailwind spacing step, so padding and gaps tighten or relax together.
Depth
A shadow scale from flat to lifted, set as theme variables.

Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Tealmac
tealmac signatureFree
Font
Your app's font
Radius
0.75rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/tealmac.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Tealmac Midnight
tealmac signatureFree
Font
Your app's font
Radius
0.625rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/tealmac-midnight.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Retro Arcade
RetroFree
Font
Space Mono
Radius
0rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/retro-arcade.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Retro Seventies
RetroFree
Font
Fraunces
Radius
1.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/retro-seventies.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Retro Synthwave
RetroFree
Font
Bricolage Grotesque
Radius
0.5rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/retro-synthwave.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Plum
EditorialFree
Font
Fraunces
Radius
0.5rem
Density
comfortable
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/editorial-plum.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Forest
EditorialFree
Font
Fraunces
Radius
0.5rem
Density
comfortable
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/editorial-forest.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Claret
EditorialFree
Font
Fraunces
Radius
0.5rem
Density
comfortable
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/editorial-claret.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Navy
EditorialFree
Font
Fraunces
Radius
0.5rem
Density
comfortable
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/editorial-navy.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Slate
EditorialFree
Font
Fraunces
Radius
0.5rem
Density
comfortable
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/editorial-slate.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Teal
EditorialFree
Font
Fraunces
Radius
0.5rem
Density
comfortable
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/editorial-teal.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Gold
EditorialFree
Font
Fraunces
Radius
0.5rem
Density
comfortable
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/editorial-gold.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Cyan
GrotesqueFree
Font
Space Grotesk
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/grotesque-cyan.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Cobalt
GrotesqueFree
Font
Space Grotesk
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/grotesque-cobalt.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Lime
GrotesqueFree
Font
Space Grotesk
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/grotesque-lime.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Violet
GrotesqueFree
Font
Space Grotesk
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/grotesque-violet.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Azure
GrotesqueFree
Font
Space Grotesk
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/grotesque-azure.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Magenta
GrotesqueFree
Font
Space Grotesk
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/grotesque-magenta.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Emerald
GrotesqueFree
Font
Space Grotesk
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/grotesque-emerald.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Mono
BrutalistFree
Font
Space Mono
Radius
0rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/brutalist-mono.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Crimson
BrutalistFree
Font
Space Mono
Radius
0rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/brutalist-crimson.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Cobalt
BrutalistFree
Font
Space Mono
Radius
0rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/brutalist-cobalt.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Lime
BrutalistFree
Font
Space Mono
Radius
0rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/brutalist-lime.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Magenta
BrutalistFree
Font
Space Mono
Radius
0rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/brutalist-magenta.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Amber
BrutalistFree
Font
Space Mono
Radius
0rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/brutalist-amber.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Forest
BrutalistFree
Font
Space Mono
Radius
0rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/brutalist-forest.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Rose
SoftFree
Font
Nunito
Radius
1rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/soft-rose.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Sky
SoftFree
Font
Nunito
Radius
1rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/soft-sky.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Mint
SoftFree
Font
Nunito
Radius
1rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/soft-mint.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Lavender
SoftFree
Font
Nunito
Radius
1rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/soft-lavender.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Peach
SoftFree
Font
Nunito
Radius
1rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/soft-peach.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Lilac
SoftFree
Font
Nunito
Radius
1rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/soft-lilac.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Aqua
SoftFree
Font
Nunito
Radius
1rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/soft-aqua.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Blue
CorporateFree
Font
DM Sans
Radius
0.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/corporate-blue.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Teal
CorporateFree
Font
DM Sans
Radius
0.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/corporate-teal.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Indigo
CorporateFree
Font
DM Sans
Radius
0.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/corporate-indigo.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Slate
CorporateFree
Font
DM Sans
Radius
0.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/corporate-slate.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Green
CorporateFree
Font
DM Sans
Radius
0.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/corporate-green.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Cyan
CorporateFree
Font
DM Sans
Radius
0.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/corporate-cyan.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Navy
CorporateFree
Font
DM Sans
Radius
0.25rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/corporate-navy.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Green
TerminalFree
Font
IBM Plex Mono
Radius
0.25rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/terminal-green.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Amber
TerminalFree
Font
IBM Plex Mono
Radius
0.25rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/terminal-amber.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Cyan
TerminalFree
Font
IBM Plex Mono
Radius
0.25rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/terminal-cyan.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Magenta
TerminalFree
Font
IBM Plex Mono
Radius
0.25rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/terminal-magenta.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Lime
TerminalFree
Font
IBM Plex Mono
Radius
0.25rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/terminal-lime.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Orange
TerminalFree
Font
IBM Plex Mono
Radius
0.25rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/terminal-orange.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Blue
TerminalFree
Font
IBM Plex Mono
Radius
0.25rem
Density
compact
Shadows
none
npx shadcn@latest add https://ui.tealmac.com/r/presets/terminal-blue.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Gold
SlabFree
Font
Roboto Slab
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/slab-gold.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Tangerine
SlabFree
Font
Roboto Slab
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/slab-tangerine.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Coffee
SlabFree
Font
Roboto Slab
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/slab-coffee.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Ruby
SlabFree
Font
Roboto Slab
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/slab-ruby.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Rust
SlabFree
Font
Roboto Slab
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/slab-rust.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Olive
SlabFree
Font
Roboto Slab
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/slab-olive.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Umber
SlabFree
Font
Roboto Slab
Radius
0.375rem
Density
default
Shadows
soft
npx shadcn@latest add https://ui.tealmac.com/r/presets/slab-umber.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Fuchsia
DisplayFree
Font
Bricolage Grotesque
Radius
0.75rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/display-fuchsia.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Grape
DisplayFree
Font
Bricolage Grotesque
Radius
0.75rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/display-grape.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Coral
DisplayFree
Font
Bricolage Grotesque
Radius
0.75rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/display-coral.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Cyan
DisplayFree
Font
Bricolage Grotesque
Radius
0.75rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/display-cyan.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Lime
DisplayFree
Font
Bricolage Grotesque
Radius
0.75rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/display-lime.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Violet
DisplayFree
Font
Bricolage Grotesque
Radius
0.75rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/display-violet.json
Overview
Good morning, Ana
Revenue, 7 days
$48,210
12.4%
Crimson
DisplayFree
Font
Bricolage Grotesque
Radius
0.75rem
Density
comfortable
Shadows
deep
npx shadcn@latest add https://ui.tealmac.com/r/presets/display-crimson.json

A preset sets --font-sans but does not download the font. Load it with next/font or Fontsource; Make it yours shows how.

Presets

Colour

Shape and type

Density

Depth

Every preset