Make a song about anything

Mind blowing song quality.

Whether you have a melody in your head, lyrics you've written, or just a feeling you want to hear, Suno makes high-quality music creation accessible to all.

Color Palette25 tokens

background#101012

surface#1a1a1d

surface-elevated#222226

surface-translucent#26262b

ink#ffffff

ink-cream#f7f4ef

ink-secondary#c2c2c1

ink-tertiary#a3a3a3

ink-inactive#6a6a72

on-primary#101012

primary#7251f7

primary-hover#8b6efe

primary-soft#9e86ff

primary-container#d7cdff

on-accent#ffffff

accent-orange#ff6a00

accent-pink#fd429c

accent-blue#1f8bff

accent-green#02d95c

accent-red#f8441b

border#38383e

border-strong#56565e

shadow-ambient#000000

shadow-glow-orange#ffb003

shadow-glow-pink#fe3c7d

Buttons

TypographyGoogle Font

Schibsted Groteskbrand uses Neue Montreal

display-hero

Make music your way.

72px · 500 · -0.96px

display

Everything you need to create

48px · 500 · -0.8px

heading

Whether you have a melody in your head, lyrics you've written, or just a feeling you want to hear, Suno makes high-quality music creation accessible to all.

32px · 500 · -0.4px

heading-sub

Pop · Lo-fi · Cinematic · 2:34

24px · 400 · -0.24px

body-large

Whether you have a melody in your head, lyrics you've written, or just a feeling you want to hear, Suno makes high-quality music creation accessible to all.

18px · 400 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Everything you need to create

Whether you have a melody in your head, lyrics you've written, or just a feeling you want to hear, Suno makes high-quali…

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Everything you need to create

Whether you have a melody in your head, lyrics you've written, or just a feeling you want to hear, Suno makes high-quality music creation accessible to all.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeAISuno

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Suno.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Suno tokens
export const theme = {
  primary: "#7251f7",
  radius: "12px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

I hummed a tune into my phone and an hour later I had a finished track with vocals, mix, and cover art. It felt like having a studio in my pocket.

Suno · AI

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

HeyGen97%

shared styles: Dark, Colorful, Gradient · same category: AI

Leonardo AI90%

shared styles: Dark, Colorful, Bold · same category: AI

MiniMax89%

shared styles: Dark, Colorful, Gradient · same category: AI

Magnific77%

shared styles: Dark, Colorful, Bold · same category: AI

Udio76%

shared styles: Dark, Colorful, Bold · same category: AI

Recraft75%

shared styles: Dark, Colorful, Bold · same category: AI