SpeedGrid
Chrome

Four soothing flavors

Catppuccin now has a room inside SpeedGrid.

Latte, Frappé, Macchiato, and Mocha are built in as complete visual profiles. Each one maps Catppuccin’s official base, surface, text, subtext, and overlay roles to the matching parts of a SpeedGrid workspace.

See every flavor Visit Catppuccin
Catppuccin is a community project and is not affiliated with SpeedGrid. This integration has not yet been reviewed or endorsed by the Catppuccin maintainers.
🌻Latte🪴Frappé🌺Macchiato🌿Mocha

A role-for-role adaptation

The palette is doing the same job in a new place.

  • Base becomes the page background.
  • Surface 0 becomes the card surface.
  • Text handles primary copy and card labels.
  • Subtext 1 handles supporting information.
  • Overlay 0 supplies the restrained card border.
🌻

Light flavor

Catppuccin Latte

Exact official palette values, a flat Surface 0 card treatment, Text labels, Subtext 1 supporting copy, and a quiet Overlay 0 edge.

Home
11:35 AM
MMail
CCalendar
MMusic
MMaps
NNotes
DDrive
Catppuccin LatteLight
🪴

Dark flavor

Catppuccin Frappé

Exact official palette values, a flat Surface 0 card treatment, Text labels, Subtext 1 supporting copy, and a quiet Overlay 0 edge.

Home
11:35 AM
MMail
CCalendar
MMusic
MMaps
NNotes
DDrive
Catppuccin FrappéDark
🌺

Dark flavor

Catppuccin Macchiato

Exact official palette values, a flat Surface 0 card treatment, Text labels, Subtext 1 supporting copy, and a quiet Overlay 0 edge.

Home
11:35 AM
MMail
CCalendar
MMusic
MMaps
NNotes
DDrive
Catppuccin MacchiatoDark
🌿

Dark flavor

Catppuccin Mocha

Exact official palette values, a flat Surface 0 card treatment, Text labels, Subtext 1 supporting copy, and a quiet Overlay 0 edge.

Home
11:35 AM
MMail
CCalendar
MMusic
MMaps
NNotes
DDrive
Catppuccin MochaDark

Built carefully, described honestly

Community review is the next step—not a badge we gave ourselves.

The implementation uses the current official palette and follows Catppuccin’s published role guidance. A port-review package is prepared for the maintainers, but this remains an independent integration unless and until they choose to adopt or showcase it.

Read the official style guide

Pick your flavor

Use the same palette across your tools and your first browser page.

SpeedGrid is free to start. The Catppuccin profiles arrive as built-in presets alongside the complete Plus visual system.

Add SpeedGrid to Chrome