Catppuccin Theme

Palettes · Ports · Showcase · Docs

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! In addition, this repository tracks the development of the actual color palette, the project's documentation, organization-wide assets, resources and code samples for maintainers/developers.

Join our community!

### 🧠 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. ### 🎨 Palettes **Catppuccin** consists of 4 beautiful pastel color palettes. All the details can be found below.
To make the best use them please refer to the [style guide](https://github.com/catppuccin/catppuccin/blob/main/docs/style-guide.md).

🌻 Latte

Labels	Hex	RGB	HSL
Rosewater	`#dc8a78`	`rgb(220, 138, 120)`	`hsl(11, 59%, 67%)`
Flamingo	`#dd7878`	`rgb(221, 120, 120)`	`hsl(0, 60%, 67%)`
Pink	`#ea76cb`	`rgb(234, 118, 203)`	`hsl(316, 73%, 69%)`
Mauve	`#8839ef`	`rgb(136, 57, 239)`	`hsl(266, 85%, 58%)`
Red	`#d20f39`	`rgb(210, 15, 57)`	`hsl(347, 87%, 44%)`
Maroon	`#e64553`	`rgb(230, 69, 83)`	`hsl(355, 76%, 59%)`
Peach	`#fe640b`	`rgb(254, 100, 11)`	`hsl(22, 99%, 52%)`
Yellow	`#df8e1d`	`rgb(223, 142, 29)`	`hsl(35, 77%, 49%)`
Green	`#40a02b`	`rgb(64, 160, 43)`	`hsl(109, 58%, 40%)`
Teal	`#179299`	`rgb(23, 146, 153)`	`hsl(183, 74%, 35%)`
Sky	`#04a5e5`	`rgb(4, 165, 229)`	`hsl(197, 97%, 46%)`
Sapphire	`#209fb5`	`rgb(32, 159, 181)`	`hsl(189, 70%, 42%)`
Blue	`#1e66f5`	`rgb(30, 102, 245)`	`hsl(220, 91%, 54%)`
Lavender	`#7287fd`	`rgb(114, 135, 253)`	`hsl(231, 97%, 72%)`
Text	`#4c4f69`	`rgb(76, 79, 105)`	`hsl(234, 16%, 35%)`
Subtext1	`#5c5f77`	`rgb(92, 95, 119)`	`hsl(233, 13%, 41%)`
Subtext0	`#6c6f85`	`rgb(108, 111, 133)`	`hsl(233, 10%, 47%)`
Overlay2	`#7c7f93`	`rgb(124, 127, 147)`	`hsl(232, 10%, 53%)`
Overlay1	`#8c8fa1`	`rgb(140, 143, 161)`	`hsl(231, 10%, 59%)`
Overlay0	`#9ca0b0`	`rgb(156, 160, 176)`	`hsl(228, 11%, 65%)`
Surface2	`#acb0be`	`rgb(172, 176, 190)`	`hsl(227, 12%, 71%)`
Surface1	`#bcc0cc`	`rgb(188, 192, 204)`	`hsl(225, 14%, 77%)`
Surface0	`#ccd0da`	`rgb(204, 208, 218)`	`hsl(223, 16%, 83%)`
Base	`#eff1f5`	`rgb(239, 241, 245)`	`hsl(220, 23%, 95%)`
Mantle	`#e6e9ef`	`rgb(230, 233, 239)`	`hsl(220, 22%, 92%)`
Crust	`#dce0e8`	`rgb(220, 224, 232)`	`hsl(220, 21%, 89%)`

🪴 Frappé

Labels	Hex	RGB	HSL
Rosewater	`#f2d5cf`	`rgb(242, 213, 207)`	`hsl(10, 57%, 88%)`
Flamingo	`#eebebe`	`rgb(238, 190, 190)`	`hsl(0, 59%, 84%)`
Pink	`#f4b8e4`	`rgb(244, 184, 228)`	`hsl(316, 73%, 84%)`
Mauve	`#ca9ee6`	`rgb(202, 158, 230)`	`hsl(277, 59%, 76%)`
Red	`#e78284`	`rgb(231, 130, 132)`	`hsl(359, 68%, 71%)`
Maroon	`#ea999c`	`rgb(234, 153, 156)`	`hsl(358, 66%, 76%)`
Peach	`#ef9f76`	`rgb(239, 159, 118)`	`hsl(20, 79%, 70%)`
Yellow	`#e5c890`	`rgb(229, 200, 144)`	`hsl(40, 62%, 73%)`
Green	`#a6d189`	`rgb(166, 209, 137)`	`hsl(96, 44%, 68%)`
Teal	`#81c8be`	`rgb(129, 200, 190)`	`hsl(172, 39%, 65%)`
Sky	`#99d1db`	`rgb(153, 209, 219)`	`hsl(189, 48%, 73%)`
Sapphire	`#85c1dc`	`rgb(133, 193, 220)`	`hsl(199, 55%, 69%)`
Blue	`#8caaee`	`rgb(140, 170, 238)`	`hsl(222, 74%, 74%)`
Lavender	`#babbf1`	`rgb(186, 187, 241)`	`hsl(239, 66%, 84%)`
Text	`#c6d0f5`	`rgb(198, 208, 245)`	`hsl(227, 70%, 87%)`
Subtext1	`#b5bfe2`	`rgb(181, 191, 226)`	`hsl(227, 44%, 80%)`
Subtext0	`#a5adce`	`rgb(165, 173, 206)`	`hsl(228, 29%, 73%)`
Overlay2	`#949cbb`	`rgb(148, 156, 187)`	`hsl(228, 22%, 66%)`
Overlay1	`#838ba7`	`rgb(131, 139, 167)`	`hsl(227, 17%, 58%)`
Overlay0	`#737994`	`rgb(115, 121, 148)`	`hsl(229, 13%, 52%)`
Surface2	`#626880`	`rgb(98, 104, 128)`	`hsl(228, 13%, 44%)`
Surface1	`#51576d`	`rgb(81, 87, 109)`	`hsl(227, 15%, 37%)`
Surface0	`#414559`	`rgb(65, 69, 89)`	`hsl(230, 16%, 30%)`
Base	`#303446`	`rgb(48, 52, 70)`	`hsl(229, 19%, 23%)`
Mantle	`#292c3c`	`rgb(41, 44, 60)`	`hsl(231, 19%, 20%)`
Crust	`#232634`	`rgb(35, 38, 52)`	`hsl(229, 20%, 17%)`

🌺 Macchiato

Labels	Hex	RGB	HSL
Rosewater	`#f4dbd6`	`rgb(244, 219, 214)`	`hsl(10, 58%, 90%)`
Flamingo	`#f0c6c6`	`rgb(240, 198, 198)`	`hsl(0, 58%, 86%)`
Pink	`#f5bde6`	`rgb(245, 189, 230)`	`hsl(316, 74%, 85%)`
Mauve	`#c6a0f6`	`rgb(198, 160, 246)`	`hsl(267, 83%, 80%)`
Red	`#ed8796`	`rgb(237, 135, 150)`	`hsl(351, 74%, 73%)`
Maroon	`#ee99a0`	`rgb(238, 153, 160)`	`hsl(355, 71%, 77%)`
Peach	`#f5a97f`	`rgb(245, 169, 127)`	`hsl(21, 86%, 73%)`
Yellow	`#eed49f`	`rgb(238, 212, 159)`	`hsl(40, 70%, 78%)`
Green	`#a6da95`	`rgb(166, 218, 149)`	`hsl(105, 48%, 72%)`
Teal	`#8bd5ca`	`rgb(139, 213, 202)`	`hsl(171, 47%, 69%)`
Sky	`#91d7e3`	`rgb(145, 215, 227)`	`hsl(189, 59%, 73%)`
Sapphire	`#7dc4e4`	`rgb(125, 196, 228)`	`hsl(199, 66%, 69%)`
Blue	`#8aadf4`	`rgb(138, 173, 244)`	`hsl(220, 83%, 75%)`
Lavender	`#b7bdf8`	`rgb(183, 189, 248)`	`hsl(234, 82%, 85%)`
Text	`#cad3f5`	`rgb(202, 211, 245)`	`hsl(227, 68%, 88%)`
Subtext1	`#b8c0e0`	`rgb(184, 192, 224)`	`hsl(228, 39%, 80%)`
Subtext0	`#a5adcb`	`rgb(165, 173, 203)`	`hsl(227, 27%, 72%)`
Overlay2	`#939ab7`	`rgb(147, 154, 183)`	`hsl(228, 20%, 65%)`
Overlay1	`#8087a2`	`rgb(128, 135, 162)`	`hsl(228, 15%, 57%)`
Overlay0	`#6e738d`	`rgb(110, 115, 141)`	`hsl(230, 12%, 49%)`
Surface2	`#5b6078`	`rgb(91, 96, 120)`	`hsl(230, 14%, 41%)`
Surface1	`#494d64`	`rgb(73, 77, 100)`	`hsl(231, 16%, 34%)`
Surface0	`#363a4f`	`rgb(54, 58, 79)`	`hsl(230, 19%, 26%)`
Base	`#24273a`	`rgb(36, 39, 58)`	`hsl(232, 23%, 18%)`
Mantle	`#1e2030`	`rgb(30, 32, 48)`	`hsl(233, 23%, 15%)`
Crust	`#181926`	`rgb(24, 25, 38)`	`hsl(236, 23%, 12%)`

🌿 Mocha

Labels	Hex	RGB	HSL
Rosewater	`#f5e0dc`	`rgb(245, 224, 220)`	`hsl(10, 56%, 91%)`
Flamingo	`#f2cdcd`	`rgb(242, 205, 205)`	`hsl(0, 59%, 88%)`
Pink	`#f5c2e7`	`rgb(245, 194, 231)`	`hsl(316, 72%, 86%)`
Mauve	`#cba6f7`	`rgb(203, 166, 247)`	`hsl(267, 84%, 81%)`
Red	`#f38ba8`	`rgb(243, 139, 168)`	`hsl(343, 81%, 75%)`
Maroon	`#eba0ac`	`rgb(235, 160, 172)`	`hsl(350, 65%, 77%)`
Peach	`#fab387`	`rgb(250, 179, 135)`	`hsl(23, 92%, 75%)`
Yellow	`#f9e2af`	`rgb(249, 226, 175)`	`hsl(41, 86%, 83%)`
Green	`#a6e3a1`	`rgb(166, 227, 161)`	`hsl(115, 54%, 76%)`
Teal	`#94e2d5`	`rgb(148, 226, 213)`	`hsl(170, 57%, 73%)`
Sky	`#89dceb`	`rgb(137, 220, 235)`	`hsl(189, 71%, 73%)`
Sapphire	`#74c7ec`	`rgb(116, 199, 236)`	`hsl(199, 76%, 69%)`
Blue	`#89b4fa`	`rgb(137, 180, 250)`	`hsl(217, 92%, 76%)`
Lavender	`#b4befe`	`rgb(180, 190, 254)`	`hsl(232, 97%, 85%)`
Text	`#cdd6f4`	`rgb(205, 214, 244)`	`hsl(226, 64%, 88%)`
Subtext1	`#bac2de`	`rgb(186, 194, 222)`	`hsl(227, 35%, 80%)`
Subtext0	`#a6adc8`	`rgb(166, 173, 200)`	`hsl(228, 24%, 72%)`
Overlay2	`#9399b2`	`rgb(147, 153, 178)`	`hsl(228, 17%, 64%)`
Overlay1	`#7f849c`	`rgb(127, 132, 156)`	`hsl(230, 13%, 55%)`
Overlay0	`#6c7086`	`rgb(108, 112, 134)`	`hsl(231, 11%, 47%)`
Surface2	`#585b70`	`rgb(88, 91, 112)`	`hsl(233, 12%, 39%)`
Surface1	`#45475a`	`rgb(69, 71, 90)`	`hsl(234, 13%, 31%)`
Surface0	`#313244`	`rgb(49, 50, 68)`	`hsl(237, 16%, 23%)`
Base	`#1e1e2e`	`rgb(30, 30, 46)`	`hsl(240, 21%, 15%)`
Mantle	`#181825`	`rgb(24, 24, 37)`	`hsl(240, 21%, 12%)`
Crust	`#11111b`	`rgb(17, 17, 27)`	`hsl(240, 23%, 9%)`

### 🪵 Ports and more! Catppuccin is available for various apps and in different formats. Here is a list of them:

👾 Code Editors

- [Binary Ninja](https://github.com/catppuccin/binary-ninja) - [Cutter](https://github.com/catppuccin/cutter) - [Emacs](https://github.com/catppuccin/emacs) - [Geany](https://github.com/catppuccin/geany) - [Gedit](https://github.com/catppuccin/gedit) - [Helix](https://github.com/catppuccin/helix) - [Insomnia](https://github.com/catppuccin/insomnia) - [JetBrains](https://github.com/catppuccin/jetbrains) - [Kakoune](https://github.com/catppuccin/kakoune) - [Lapce](https://github.com/catppuccin/lapce) - [Micro](https://github.com/catppuccin/micro) - [Neovim](https://github.com/catppuccin/nvim) - [Notepad++](https://github.com/catppuccin/notepad-plus-plus) - [Nova](https://github.com/catppuccin/nova) - [Spyder](https://github.com/catppuccin/spyder) - [Sublime Text](https://github.com/catppuccin/sublime-text) - [Unreal Engine](https://github.com/catppuccin/unreal-engine) - [Vim](https://github.com/catppuccin/vim) - [Visual Studio Code](https://github.com/catppuccin/vscode) - [Visual Studio](https://github.com/catppuccin/visual-studio) - [Xcode](https://github.com/catppuccin/xcode)

💭 Development

- [CodeMirror](https://github.com/catppuccin/codemirror) - [Palette](https://github.com/catppuccin/palette) - [Tailwind CSS](https://github.com/catppuccin/tailwindcss) - [Template](https://github.com/catppuccin/template) - [Toolbox](https://github.com/catppuccin/toolbox) - [mdBook](https://github.com/catppuccin/mdBook)

🔧 System

- [Alfred](https://github.com/catppuccin/alfred) - [bat](https://github.com/catppuccin/bat) - [bemenu](https://github.com/catppuccin/bemenu) - [bottom](https://github.com/catppuccin/bottom) - [btop](https://github.com/catppuccin/btop) - [CAVA](https://github.com/catppuccin/cava) - [Conky](https://github.com/catppuccin/conky) - [Cursors](https://github.com/catppuccin/cursors) - [Dmenu](https://github.com/catppuccin/dmenu) - [Dunst](https://github.com/catppuccin/dunst) - [FlorisBoard](https://github.com/catppuccin/floris-board) - [fzf](https://github.com/catppuccin/fzf) - [Glamour](https://github.com/catppuccin/glamour) - [GRUB](https://github.com/catppuccin/grub) - [GTK](https://github.com/catppuccin/gtk) - [Hyprland](https://github.com/catppuccin/hyprland) - [i3 & sway](https://github.com/catppuccin/i3) - [KDE](https://github.com/catppuccin/kde) - [Kvantum](https://github.com/catppuccin/Kvantum) - [LXQt](https://github.com/catppuccin/lxqt) - [Mako](https://github.com/catppuccin/mako) - [Midnight Commander](https://github.com/catppuccin/mc) - [Papirus Folders](https://github.com/catppuccin/papirus-folders) - [Plank](https://github.com/catppuccin/plank) - [Plymouth](https://github.com/catppuccin/plymouth) - [Polybar](https://github.com/catppuccin/polybar) - [qt5ct](https://github.com/catppuccin/qt5ct) - [Regolith](https://github.com/catppuccin/regolith) - [Rofi](https://github.com/catppuccin/rofi) - [SDDM](https://github.com/catppuccin/sddm) - [TTY](https://github.com/catppuccin/tty) - [Ulauncher](https://github.com/catppuccin/ulauncher) - [Wallpapers](https://github.com/catppuccin/wallpapers) - [Waybar](https://github.com/catppuccin/waybar) - [Xresources](https://github.com/catppuccin/xresources) - [Rboard](https://github.com/catppuccin/rboard)

🐚 Shells

- [Fish](https://github.com/catppuccin/fish) - [zsh-syntax-highlighting](https://github.com/catppuccin/zsh-syntax-highlighting)

🤓 Productivity

- [Bento](https://github.com/catppuccin/bento) - [Codeberg](https://github.com/catppuccin/codeberg) - [Foliate](https://github.com/catppuccin/foliate) - [GitHub](https://github.com/catppuccin/github) - [GitUI](https://github.com/catppuccin/gitui) - [k9s](https://github.com/catppuccin/k9s) - [Lazygit](https://github.com/catppuccin/lazygit) - [NeoMutt](https://github.com/catppuccin/neomutt) - [OBS](https://github.com/catppuccin/obs) - [Proton](https://github.com/catppuccin/proton) - [sc-im](https://github.com/catppuccin/sc-im) - [ShareX](https://github.com/catppuccin/sharex) - [Sumatra PDF](https://github.com/catppuccin/sumatra-pdf) - [Tutanota](https://github.com/catppuccin/tutanota) - [Vercel](https://github.com/catppuccin/vercel) - [Wikiwand](https://github.com/catppuccin/wikiwand) - [Zathura](https://github.com/catppuccin/zathura)

🌈 Leisure

- [BitBurner](https://github.com/catppuccin/bitburner) - [Blockbench](https://github.com/catppuccin/blockbench) - [Dwarf Fortress](https://github.com/catppuccin/dwarf-fortress) - [Home Assistant](https://github.com/catppuccin/home-assistant) - [Last.fm](https://github.com/catppuccin/lastfm) - [Minecraft](https://github.com/catppuccin/minecraft) - [Modrinth](https://github.com/catppuccin/modrinth) - [Newsboat](https://github.com/catppuccin/newsboat) - [Prism Launcher](https://github.com/catppuccin/prismlauncher) - [PyRadio](https://github.com/catppuccin/pyradio) - [Spicetify](https://github.com/catppuccin/spicetify) - [Spotify Player](https://github.com/catppuccin/spotify-player) - [Spotify-TUI](https://github.com/catppuccin/spotify-tui) - [Stable Diffusion Web Ui](https://github.com/catppuccin/Stable-Diffusion-Web-UI) - [Steam](https://github.com/catppuccin/steam) - [Youtube Music](https://github.com/catppuccin/youtubemusic)

🖥️ Browsers

- [Chrome](https://github.com/catppuccin/chrome) - [Firefox](https://github.com/catppuccin/firefox) - [Vivaldi](https://github.com/catppuccin/vivaldi) - [qutebrowser](https://github.com/catppuccin/qutebrowser)

🔎 Search engines

- [Brave Search](https://github.com/catppuccin/brave-search) - [DuckDuckGo](https://github.com/catppuccin/duckduckgo) - [Whoogle](https://github.com/catppuccin/whoogle) - [SearxNG](https://github.com/catppuccin/searxng) - [Startpage](https://github.com/catppuccin/startpage)

🧩 Extensions

- [Dark Reader](https://github.com/catppuccin/dark-reader) - [Noir](https://github.com/catppuccin/noir) - [Sidebery](https://github.com/catppuccin/sidebery) - [Vimium](https://github.com/catppuccin/vimium) - [Nighttab](https://github.com/catppuccin/nighttab)

💬 Messaging

- [Aliucord](https://github.com/catppuccin/Aliucord) (Discord on Android) - [Cinny](https://github.com/catppuccin/cinny) - [Discord](https://github.com/catppuccin/discord) - [Element](https://github.com/catppuccin/element) - [Enmity](https://github.com/catppuccin/enmity) (Discord on iOS) - [HexChat](https://github.com/catppuccin/hexchat) - [Mattermost](https://github.com/catppuccin/mattermost) - [Revolt](https://github.com/catppuccin/revolt) - [Slack](https://github.com/catppuccin/slack) - [Telegram](https://github.com/catppuccin/telegram)

📝 Note-taking

- [Anki](https://github.com/catppuccin/anki) - [Joplin](https://github.com/catppuccin/joplin) - [Obsidian](https://github.com/catppuccin/obsidian) - [Remnote](https://github.com/catppuccin/remnote)

🌱 Terminals

- [Alacritty](https://github.com/catppuccin/alacritty) - [Black Box](https://github.com/catppuccin/blackbox) - [Contour](https://github.com/catppuccin/contour) - [CRT](https://github.com/catppuccin/crt) - [Fcitx5](https://github.com/catppuccin/fcitx5) - [Foot](https://github.com/catppuccin/foot) - [Gnome Terminal](https://github.com/catppuccin/gnome-terminal) - [Hyper](https://github.com/catppuccin/hyper) - [iTerm](https://github.com/catppuccin/iterm) - [Kitty](https://github.com/catppuccin/kitty) - [Konsole](https://github.com/catppuccin/konsole) - [QTerminal](https://github.com/catppuccin/qterminal) - [St](https://github.com/catppuccin/st) - [Tabby](https://github.com/catppuccin/tabby) - [Terminal.app](https://github.com/catppuccin/Terminal.app) - [Terminator](https://github.com/catppuccin/terminator) - [Termux](https://github.com/catppuccin/termux) - [Tilix](https://github.com/catppuccin/tilix) - [Tmux](https://github.com/catppuccin/tmux) - [Tym](https://github.com/catppuccin/tym) - [Urxvt](https://github.com/catppuccin/urxvt) - [Warp](https://github.com/catppuccin/warp) - [WezTerm](https://github.com/catppuccin/wezterm) - [Windows Terminal](https://github.com/catppuccin/windows-terminal) - [Xfce4 Terminal](https://github.com/catppuccin/xfce4-terminal) - [Zellij](https://github.com/catppuccin/zellij) - [Zutty](https://github.com/catppuccin/zutty)

✨ Social

- [AniList](https://github.com/catppuccin/anilist) - [Elk](https://github.com/catppuccin/elk) - [Github Readme Stats](https://github.com/catppuccin/github-readme-stats) - [GitHub Readme Tech Stack](https://github.com/catppuccin/github-readme-tech-stack) - [Hacker News](https://github.com/catppuccin/hacker-news) - [Infinity for Reddit](https://github.com/catppuccin/infinity) - [Invidious](https://github.com/catppuccin/invidious) - [Libreddit](https://github.com/catppuccin/libreddit) - [Mailspring](https://github.com/catppuccin/mailspring) - [Monkeytype](https://github.com/catppuccin/monkeytype) - [Nitter](https://github.com/catppuccin/nitter) - [Thunderbird](https://github.com/catppuccin/thunderbird) - [YouTube](https://github.com/catppuccin/youtube)

### 🌟 Showcase > **Note**
> Catppuccin staff reserve the right to remove and reject showcase additions if we determine the addition to be in > violation of our [CODE OF CONDUCT](https://github.com/catppuccin/.github/blob/main/CODE_OF_CONDUCT.md). Extremely > personal configurations will **not** be approved and added. If you're making an application or tool using our palette, please let us know by adding it below! - 🌟 [flotes.app](https://flotes.app/) - A free note-taking app enhanced with flashcard features - 🌟 [AnuPpuccin](https://github.com/AnubisNekhet/AnuPpuccin) - Highly customisable theme for [Obsidian](https://obsidian.md/) - 🌟 [name] - [short description] ### 👐 Contribute See [CONTRIBUTING.md](https://github.com/catppuccin/catppuccin/blob/dev/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](https://github.com/catppuccin/catppuccin/blob/main/LICENSE). ### ❤️ Gratitude Thanks to the following tools developing this project is possible: - [coolors.co](https://coolors.co/): A tool for creating and collecting color palettes. - [InkScape](https://inkscape.org/): Free and open-source vector graphics editor. - [colors_converter.asp](https://www.w3schools.com/colors/colors_converter.asp): Color format converter. - [mdigi.tools](https://mdigi.tools/): Web based digital tools.