Catppuccin Frappé Theme: Colors, Uses, and Setup Tips

Petit Keycaps
Shop Catppuccin Keycap Set Shop Catppuccin Keycap Set

Catppuccin Frappe—officially styled Catppuccin Frappé—is the lightest and most muted of Catppuccin's three dark flavors. It keeps the purple-gray surfaces and pastel accents that define the theme, but raises the background and lowers the visual intensity compared with Macchiato and Mocha.

That makes Frappé useful for people who want dark mode without an inky screen. It works particularly well under office lights, during overcast afternoons, and on displays where deeper themes hide comments, borders, and inactive controls.

Muted Catppuccin Frappe developer workspace in soft mixed lighting
Frappé keeps a dark interface while lifting the background and softening the accents. Illustration generated for Petit Keycaps.

What is the Catppuccin Frappé theme?

Frappé is a dark Catppuccin flavor built around Base #303446. That background is a muted blue-purple rather than charcoal or black. Mantle and Crust step down to #292c3c and #232634, creating enough separation for sidebars and surrounding chrome without a hard black frame.

The official Catppuccin description calls Frappé a less vibrant alternative with subdued colors. That distinction matters more than the raw brightness order. Frappé is not simply Mocha with the monitor turned up. Its Mauve, Blue, Peach, Green, and other accents are tuned to remain harmonious on the lifted Base.

The result is a dark theme that feels closer together. Syntax colors remain distinct, but they do not appear to float above the background. If Mocha feels theatrical and Macchiato feels polished, Frappé feels deliberately quiet.

Key Catppuccin Frappé colors

Role Hex Typical use
Base #303446 Main editor or app background
Mantle #292c3c Sidebar and secondary panes
Crust #232634 Lowest background layer
Text #c6d0f5 Primary text
Overlay 0 #737994 Comments and subtle UI
Mauve #ca9ee6 Keywords and prominent accents
Blue #8caaee Functions, links, and active controls
Peach #ef9f76 Warm syntax and highlights
Green #a6d189 Strings and success states

For every named value, use the Catppuccin hex palette chart. Keeping Frappé's 26 colors together preserves the balance that is lost when individual Mocha accents are pasted into the lighter background.

Practical dark developer desk with a monitor and mechanical keyboard
A practical dark workspace benefits from Frappé's restrained accents and lifted surface hierarchy. Photo by Kevin Canlas on Unsplash.

Where Frappé works best

Frappé is well suited to rooms where the light changes but never becomes fully dark. A shared office, a desk near a window, or an afternoon workspace can make Mocha's deepest surfaces difficult to separate. Frappé gives those surfaces more room without forcing a switch to Latte.

It is also a sensible choice for low-cost or older laptop panels. Displays with weak contrast can merge Mocha Base, Mantle, and Crust into one area. Frappé starts higher, so the visual hierarchy is more likely to survive. The theme can look less dramatic, but file trees, tabs, panels, and comments remain easier to locate.

People sensitive to bright syntax may prefer it as well. Frappé does not remove Catppuccin's color variety; it reduces the impression that every token is asking for attention.

Laptop workspace beside a window in soft purple sunset light
Frappé fits the in-between hours when the room is too bright for a deep theme but dark mode still feels natural. Photo by Yen Vu on Unsplash.

Frappé versus Macchiato and Mocha

Frappé, Macchiato, and Mocha are not three quality levels. They are three answers to ambient light and preferred contrast. Frappé has the lightest Base at #303446. Macchiato moves down to #24273a. Mocha reaches #1e1e2e.

Choose Frappé when Mocha looks crushed and Macchiato still feels slightly too rich. Choose Macchiato when Frappé looks gray or the accents need more separation. Choose Mocha when the room is dim, the display handles shadow detail well, and the deep Catppuccin look is part of the appeal.

A screenshot can exaggerate the case against Frappé. Compression and a bright browser page make its low-chroma surfaces look flatter than they do during actual work. Judge it full-screen for a few hours before deciding that it lacks contrast.

How Frappé handles readability

Frappé's primary Text is light enough to stand clearly against Base, while Overlay 0 and Surface colors remain deliberately restrained. Comments and inactive labels should recede, but they should not vanish. If they do, check whether the app port is mapping the official roles correctly.

Test the theme with a long file and a busy interface. Look at comments, diagnostics, selected text, split-pane boundaries, source-control marks, and unfocused tabs. These are better indicators than a small code sample dominated by colorful strings and keywords.

If Frappé still feels too low-contrast, move to Latte for daylight or customize the specific secondary role. Making every accent brighter usually destroys the reason to use Frappé in the first place.

Using Frappé across a full setup

Frappé works best when the same lifted dark surface appears in adjacent apps. Matching the editor, terminal, and browser chrome creates a quiet continuous field. A deep black terminal beside a Frappé editor can make the editor look unexpectedly gray, even when both are comfortable on their own.

Start with one official port. The Catppuccin VS Code setup guide covers theme selection and common editor checks. For a Lua configuration, use the Catppuccin Neovim setup guide and set the flavor explicitly.

Extend the flavor only after the first app feels right. Catppuccin's consistency comes from reusing named roles, not from recoloring every object on the desk at once.

When not to choose Frappé

Avoid Frappé if the main reason you want Catppuccin is the vivid pastel-on-deep-navy look. Mocha expresses that contrast more clearly. Frappé can also feel too soft on an excellent display in a dark room, where the lifted Base reads as haze rather than comfort.

It is equally unnecessary if Latte already suits your daytime work. Frappé is not a compromise everyone must try; it is a specific dark option for moderate contrast and mixed lighting.

A practical Frappé setup checklist

  1. Select Frappé explicitly in the app or port configuration.
  2. Check comments, inactive tabs, pane boundaries, and selections.
  3. Confirm the terminal uses Frappé ANSI mappings rather than Mocha values.
  4. Compare it with Macchiato under your normal room lighting.
  5. Customize only the role that causes a problem.

The complete Catppuccin theme guide explains the shared color-role system behind Frappé and the other flavors.

Catppuccin Frappé FAQ

Is Catppuccin Frappé dark or light?

Frappé is a dark flavor. It is the lightest of Catppuccin's three dark options, while Latte is the only dedicated light flavor.

What is the Catppuccin Frappé background color?

The main Base color is #303446. Mantle is #292c3c, and Crust is #232634.

Is Frappé lighter than Macchiato?

Yes. Frappé Base is lighter than Macchiato Base, and its overall palette is more muted.

Who should use Catppuccin Frappé?

Frappé is best for people who want dark mode in mixed or moderately bright environments and prefer subdued accents over the richer contrast of Mocha.

Color values and flavor descriptions follow the official Catppuccin palette and official style guide.

Back to blog

Leave a comment