assets | ||
resources | ||
samples | ||
.editorconfig | ||
.prettierrc.json | ||
CONTRIBUTING.md | ||
LICENSE.md | ||
README.md |
Catppuccin Theme
Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It provides a warm palette with 18 eye-candy colors that are not only perfect for coding under various light conditions, but also for developing graphical user interfaces, making it extensible for numerous use-cases. In addition, this repository tracks the development of the actual color palette, organization-wide assets, resources and code samples for maintainers/developers.
Ports and more!
Catppuccin is available for various apps and in different formats. Here is a list of them:
IDEs/DEs
Development
Terminals
Productivity
- Zathura (WIP)
Shells
System
- GTK (WIP)
- Xresources
- Cava
🎨 Palette
Name | Hex | RGB | HSL | CMYK | |
---|---|---|---|---|---|
Flamingo | #F2CECF |
242, 206, 207 |
358, 58%, 88% |
0%, 15%, 14%, 5% |
|
Magenta | #C6AAE8 |
198, 170, 232 |
267, 57%, 79% |
15%, 27%, 0%, 9% |
|
Pink | #E5B4E2 |
229, 180, 226 |
304, 49%, 80% |
0%, 21%, 1%, 10% |
|
Red | #E38C8F |
227, 140, 143 |
358, 61%, 72% |
0%, 38%, 37%, 11% |
|
Peach | #F9C096 |
249, 192, 150 |
25, 89%, 78% |
0%, 23%, 40%, 2% |
|
Yellow | #EBDDAA |
235, 221, 170 |
47, 62%, 79% |
0%, 6%, 28%, 8% |
|
Green | #B1E3AD |
177, 227, 173 |
116, 49%, 78% |
22%, 0%, 24%, 11% |
|
Blue | #A4B9EF |
164, 185, 239 |
223, 70%, 79% |
31%, 23%, 0%, 6% |
|
Teal | #BEE4ED |
190, 228, 237 |
191, 57%, 84% |
20%, 4%, 0%, 7% |
|
Black 0 | #15121C |
21, 18, 28 |
258, 22%, 9% |
25%, 36%, 0%, 89% |
|
Black 1 | #1B1923 |
27, 25, 35 |
252, 17%, 12% |
23%, 29%, 0%, 86% |
|
Black 2 | #1E1E28 |
30, 30, 40 |
240, 14%, 14% |
25%, 25%, 0%, 84% |
|
Black 3 | #332E41 |
51, 46, 65 |
256, 17%, 22% |
22%, 29%, 0%, 75% |
|
Black 4 | #575268 |
87, 82, 104 |
254, 12%, 36% |
16%, 21%, 0%, 59% |
|
Gray 0 | #6E6C7E |
110, 108, 126 |
247, 8%, 46% |
13%, 14%, 0%, 51% |
|
Gray 1 | #988BA2 |
152, 139, 162 |
274, 11%, 59% |
6%, 14%, 0%, 36% |
|
Gray 2 | #C3BAC6 |
195, 186, 198 |
285, 10%, 75% |
2%, 6%, 0%, 22% |
|
White | #DADAE8 |
218, 218, 232 |
240, 23%, 88% |
6%, 6%, 0%, 9% |
You can view an interactive version of the palette here and here
🧠 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 most.
- Harmony is superior to dissonance: vivacious colors must complement each other.
👐 Contribute
See CONTRIBUTING.md.
📜 License
Catppuccin is released under the MIT license, which grants the following permissions:
- Commercial use
- Distribution
- Modification
- Private use
For more convoluted language, see the LICENSE file.
💝 Gratitude
Thanks to the following tools developing this project is possible:
- coolors.co: A tool for creating and collecting color palettes.
- InkScape: Free and open-source vector graphics editor.
- colors_converter.asp: Color format converter.
- mdigi.tools: Web based digital tools.