Theme Flavors

Choose from four premade Catppuccin flavors or customize the components to match your brand's identity.

Mocha

Flagship dark theme (default) offering a cozy feeling with color-rich accents

Accent Colors

Rosewater

#f5e0dc

Flamingo

#f2cdcd

Pink

#f5c2e7

Mauve

#cba6f7

Red

#f38ba8

Maroon

#eba0ac

Peach

#fab387

Yellow

#f9e2af

Green

#a6e3a1

Teal

#94e2d5

Sky

#89dceb

Sapphire

#74c7ec

Blue

#89b4fa

Lavender

#b4befe

Background Colors

Crust

#11111b

Mantle

#181825

Base

#1e1e2e

Text Colors

Text

#cdd6f4

Subtext0

#a6adc8

Subtext1

#bac2de

Component Preview

Macchiato

Medium-dark theme with gentle colors for a soothing atmosphere

Accent Colors

Rosewater

#f4dbd6

Flamingo

#f0c6c6

Pink

#f5bde6

Mauve

#c6a0f6

Red

#ed8796

Maroon

#ee99a0

Peach

#f5a97f

Yellow

#eed49f

Green

#a6da95

Teal

#8bd5ca

Sky

#91d7e3

Sapphire

#7dc4e4

Blue

#8aadf4

Lavender

#b7bdf8

Background Colors

Crust

#181926

Mantle

#1e2030

Base

#24273a

Text Colors

Text

#cad3f5

Subtext0

#a5adcb

Subtext1

#b8c0e0

Component Preview

Frappé

Less vibrant - subdued colors creating a muted aesthetic

Accent Colors

Rosewater

#f2d5cf

Flamingo

#eebebe

Pink

#f4b8e4

Mauve

#ca9ee6

Red

#e78284

Maroon

#ea999c

Peach

#ef9f76

Yellow

#e5c890

Green

#a6d189

Teal

#81c8be

Sky

#99d1db

Sapphire

#85c1dc

Blue

#8caaee

Lavender

#babbf1

Background Colors

Crust

#232634

Mantle

#292c3c

Base

#303446

Text Colors

Text

#c6d0f5

Subtext0

#a5adce

Subtext1

#b5bfe2

Component Preview

Latte

Light theme harmoniously inverting the essence of Catppuccin's dark themes

Accent Colors

Rosewater

#dc8a78

Flamingo

#dd7878

Pink

#ea76cb

Mauve

#8839ef

Red

#d20f39

Maroon

#e64553

Peach

#fe640b

Yellow

#df8e1d

Green

#40a02b

Teal

#179299

Sky

#04a5e5

Sapphire

#209fb5

Blue

#1e66f5

Lavender

#7287fd

Background Colors

Crust

#dce0e8

Mantle

#e6e9ef

Base

#eff1f5

Text Colors

Text

#4c4f69

Subtext0

#6c6f85

Subtext1

#5c5f77