7.7 KiB
Catppuccin Theme
Vibrant pastel theme for the masses!
About
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.
🎨 Palette
| Name | Hex | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
 |
Flamingo | #F2CECF |
242, 206, 207 |
358, 58%, 88% |
0%, 15%, 14%, 5% |
 |
Teal | #BEE4ED |
190, 228, 237 |
191, 57%, 84% |
20%, 4%, 0%, 7% |
 |
Pink | #E5B4E2 |
229, 180, 226 |
304, 49%, 80% |
0%, 21%, 1%, 10% |
 |
Blue | #A4B9EF |
164, 185, 239 |
223, 70%, 79% |
31%, 23%, 0%, 6% |
 |
Yellow | #EBDDAA |
235, 221, 170 |
47, 62%, 79% |
0%, 6%, 28%, 8% |
 |
Green | #AFE3B3 |
175, 227, 179 |
125, 48%, 79% |
23%, 0%, 21%, 11% |
 |
Magenta | #C6AAE8 |
198, 170, 232 |
267, 57%, 79% |
15%, 27%, 0%, 9% |
 |
Peach | #F9C096 |
249, 192, 150 |
25, 89%, 78% |
0%, 23%, 40%, 2% |
 |
Red | #E38C8F |
227, 140, 143 |
358, 61%, 72% |
0%, 38%, 37%, 11% |
 |
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.