Catppuccin

A soothing pastel theme for the high-spirited!

Four beautiful flavors | Full palette ->

      // Array iteration
          console.log("Color:", colors[index]);
       + something

      // Assuming there is an HTML element with the id "myParagraph"
      var paragraph = document.getElementById("myParagraph");
          paragraph.innerHTML = "New content for the paragraph!";

Ports See them all ->

Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of 4 soothing warm palettes with 26 eye-candy colors each, perfect for coding, designing, and much more!

Something and then something else

Info

Success

Warning

Danger

Username

https://twitter.com/

●

Step 1

●

Step 2

○

Step 3

○

Step 4

A Card

Nice colors, eh? I'm a card.
However you want to use me, I'm here for you.

🧠 Design Philosophy

Colorful is better than colorless: the colorfulness of something contributes to the distinction amongst the parts of that something, making it marginally easier to understand how things are structured.

There should be balance: not too dull, not too bright. Suitability under various light conditions is a must.

Harmony is superior to dissonance: vivacious colors must complement each other.

🎨 Palette

Catppuccin consists of 4 beautiful pastel color palettes, named flavors. If you want to use them for your own project, refer to our style guide for general use cases and guidelines. Additionally, you can find integrations with popular frameworks and tools in catppuccin/palette.