@kt/ui · M0

Theme presets

6 brand presets × 2 colour schemes, all from one token set. The strip below follows what is stamped on the page; the panels are pinned to their own combination.

LivePrimary actionSecondarySuccessWarningDestructive

Neutral

Pure greys, near-black actions. The Vercel / Notion / Linear-grey family.

light
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Blue

Cool slate neutrals, royal-blue actions. The most common B2B pairing.

light
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Indigo

Violet-leaning neutrals, indigo actions. The Stripe / Linear-purple family.

light
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Emerald

Warm-grey neutrals, deep green actions. The Shopify / Supabase family.

light
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Orange

Stone neutrals, burnt-orange actions. The Cloudflare / HubSpot family.

light
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Simply5

Navy ink on a cool canvas with the Simply5 green. The custom-preset example.

light
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Neutral

Pure greys, near-black actions. The Vercel / Notion / Linear-grey family.

dark
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Blue

Cool slate neutrals, royal-blue actions. The most common B2B pairing.

dark
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Indigo

Violet-leaning neutrals, indigo actions. The Stripe / Linear-purple family.

dark
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Emerald

Warm-grey neutrals, deep green actions. The Shopify / Supabase family.

dark
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Orange

Stone neutrals, burnt-orange actions. The Cloudflare / HubSpot family.

dark
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month

Simply5

Navy ink on a cool canvas with the Simply5 green. The custom-preset example.

dark
primary
secondary
accent
muted
destructive
success
warning
info

Monthly recurring revenue

$48,210

▲ 12% vs last month