Logo
Catppuccin Theme

Palette ยท Ports ยท Showcase ยท Docs

Stargazers Releases Issues Discord

 

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 flavors 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.

Github Logo NPM Logo Discord Logo Twitter Logo Mastodon Logo Reddit Logo

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.   ### ๐ŸŽจ Palette **Catppuccin** consists of 4 beautiful pastel color palettes, named **flavors**. All the details can be found below.
To make the best use of 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 & IDEs - [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) - [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) - [Vim](https://github.com/catppuccin/vim) - [Visual Studio](https://github.com/catppuccin/visual-studio) - [Visual Studio Code](https://github.com/catppuccin/vscode) - [Xcode](https://github.com/catppuccin/xcode) - [Xed](https://github.com/catppuccin/xed)
๐Ÿ’ญ Development tools - [CodeMirror](https://github.com/catppuccin/codemirror) - [egui](https://github.com/catppuccin/egui) - [Highlight.js](https://github.com/catppuccin/highlightjs) - [Insomnia](https://github.com/catppuccin/insomnia) - [Matplotlib](https://github.com/catppuccin/matplotlib) - [mdBook](https://github.com/catppuccin/mdBook) - [Tailwind CSS](https://github.com/catppuccin/tailwindcss) - [Unreal Engine](https://github.com/catppuccin/unreal-engine) - [Vercel](https://github.com/catppuccin/vercel)
๐Ÿ“š Libraries - [Go](https://github.com/catppuccin/go) - [Pantone](https://github.com/catppuccin/pantone) - [Python](https://github.com/catppuccin/python) - [Rust](https://github.com/catppuccin/rust) - [UI](https://github.com/catppuccin/ui)
๐Ÿš CLI tools - [bat](https://github.com/catppuccin/bat) - [bottom](https://github.com/catppuccin/bottom) - [Btop++](https://github.com/catppuccin/btop) - [C.A.V.A.](https://github.com/catppuccin/cava) - [Fish](https://github.com/catppuccin/fish) - [fzf](https://github.com/catppuccin/fzf) - [GitUI](https://github.com/catppuccin/gitui) - [Glamour](https://github.com/catppuccin/glamour) - [k9s](https://github.com/catppuccin/k9s) - [Lazygit](https://github.com/catppuccin/lazygit) - [Midning Commander](https://github.com/catppuccin/mc) - [NeoMutt](https://github.com/catppuccin/neomutt) - [Newsboat](https://github.com/catppuccin/newsboat) - [sc-im](https://github.com/catppuccin/sc-im) - [tmux](https://github.com/catppuccin/tmux) - [Zellij](https://github.com/catppuccin/zellij) - [zsh-syntax-highlighting](https://github.com/catppuccin/zsh-syntax-highlighting)
๐ŸŒฑ Terminals - [Alacritty](https://github.com/catppuccin/alacritty) - [Black Box](https://github.com/catppuccin/blackbox) - [Blink](https://github.com/catppuccin/blink) - [Contour](https://github.com/catppuccin/contour) - [CRT: cool-retro-term](https://github.com/catppuccin/crt) - [foot](https://github.com/catppuccin/foot) - [GNOME Terminal](https://github.com/catppuccin/gnome-terminal) - [Hyper](https://github.com/catppuccin/hyper) - [iTerm2](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) - [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) - [Zutty](https://github.com/catppuccin/zutty)
๐Ÿ”ง System - [Base16](https://github.com/catppuccin/base16) - [Conky](https://github.com/catppuccin/conky) - [Cursors](https://github.com/catppuccin/cursors) - [dmenu](https://github.com/catppuccin/dmenu) - [Dunst](https://github.com/catppuccin/dunst) - [fcitx5](https://github.com/catppuccin/fcitx5) - [FlorisBoard](https://github.com/catppuccin/floris-board) - [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) - [Openbox](https://github.com/catppuccin/openbox) - [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) - [Rboard](https://github.com/catppuccin/rboard) - [Regolith Desktop](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) - [waybar](https://github.com/catppuccin/waybar) - [Windows Files](https://github.com/catppuccin/windows-files) - [Xresources](https://github.com/catppuccin/xresources)
๐Ÿ„ Browsers - [Firefox](https://github.com/catppuccin/firefox) - [Google Chrome](https://github.com/catppuccin/chrome) - [qutebrowser](https://github.com/catppuccin/qutebrowser) - [Vivaldi](https://github.com/catppuccin/vivaldi)
๐Ÿงฉ Browser Extensions - [Dark Reader](https://github.com/catppuccin/dark-reader) - [Nighttab](https://github.com/catppuccin/nighttab) - [Noir](https://github.com/catppuccin/noir) - [Sidebery](https://github.com/catppuccin/sidebery) - [Vimium](https://github.com/catppuccin/vimium)
๐Ÿ”Ž Search Engines - [SearXNG](https://github.com/catppuccin/SearXNG) - [Startpage](https://github.com/catppuccin/startpage) - [Whoogle](https://github.com/catppuccin/whoogle)
๐Ÿ’ฌ Messaging - [Aliucord](https://github.com/catppuccin/aliucord) - [Cinny](https://github.com/catppuccin/cinny) - [Discord](https://github.com/catppuccin/discord) - [Element](https://github.com/catppuccin/element) - [Enmity](https://github.com/catppuccin/enmity) - [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) - [The Lounge](https://github.com/catppuccin/thelounge)
๐Ÿ“ Note taking - [Joplin](https://github.com/catppuccin/joplin) - [Logseq](https://github.com/catppuccin/logseq) - [Obsidian](https://github.com/catppuccin/obsidian) - [Remnote](https://github.com/catppuccin/remnote)
๐Ÿ—‚๏ธ Productivity - [Alfred](https://github.com/catppuccin/alfred) - [Anki](https://github.com/catppuccin/anki) - [Bento](https://github.com/catppuccin/bento) - [Brave Search](https://github.com/catppuccin/brave-search) - [Codeberg](https://github.com/catppuccin/codeberg) - [DeepL](https://github.com/catppuccin/deepl) - [DuckDuckGo](https://github.com/catppuccin/duckduckgo) - [Foliate](https://github.com/catppuccin/foliate) - [GitHub](https://github.com/catppuccin/github) - [ichi.moe](https://github.com/catppuccin/ichi.moe) - [Mailspring](https://github.com/catppuccin/mailspring) - [OBS Studio](https://github.com/catppuccin/obs) - [Proton](https://github.com/catppuccin/proton) - [qBittorrent](https://github.com/catppuccin/qbittorrent) - [ShareX](https://github.com/catppuccin/sharex) - [SolveSpace](https://github.com/catppuccin/solvespace) - [SumatraPDF](https://github.com/catppuccin/sumatra-pdf) - [Thunderbird](https://github.com/catppuccin/thunderbird) - [Tutanota](https://github.com/catppuccin/tutanota) - [WikiWand](https://github.com/catppuccin/wikiwand) - [Zathura](https://github.com/catppuccin/zathura)
โœจ Social - [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) - [Mastodon](https://github.com/catppuccin/mastodon) - [Nitter](https://github.com/catppuccin/nitter) - [Reddit](https://github.com/catppuccin/reddit) - [Twitch](https://github.com/catppuccin/twitch) - [YouTube](https://github.com/catppuccin/youtube)
๐ŸŒˆ Leisure - [Amfora](https://github.com/catppuccin/amfora) - [AniList](https://github.com/catppuccin/anilist) - [Home Assistant](https://github.com/catppuccin/home-assistant) - [Last.fm](https://github.com/catppuccin/lastfm) - [monkeytype](https://github.com/catppuccin/monkeytype) - [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 WebUI](https://github.com/catppuccin/stable-diffusion-web-ui) - [Steam](https://github.com/catppuccin/steam) - [theme.park](https://github.com/catppuccin/theme.park) - [YouTube Music](https://github.com/catppuccin/youtubemusic)
๐ŸŽฎ Games - [BitBurner](https://github.com/catppuccin/bitburner) - [Blockbench](https://github.com/catppuccin/blockbench) - [Dwarf Fortress](https://github.com/catppuccin/dwarf-fortress) - [Minecraft](https://github.com/catppuccin/minecraft) - [Modrinth](https://github.com/catppuccin/modrinth) - [Moon Animator 2](https://github.com/catppuccin/moon-animator-2) - [Prism Launcher](https://github.com/catppuccin/prismlauncher) - [ULTRAKILL](https://github.com/catppuccin/ultrakill)
  ### ๐ŸŒŸ 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 and websites will **not** be 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 customizable theme for [Obsidian](https://obsidian.md) - [faerber](https://farbenfroh.io/faerber) - Website for applying custom color schemes to any wallpaper   ### ๐Ÿ‘ Contributing > **Note**
> if you would like to submit a port or learn how to port Catppuccin to a program, please refer to > the [port-creation.md](https://github.com/catppuccin/catppuccin/blob/main/docs/port-creation.md). See [CONTRIBUTING.md](https://github.com/catppuccin/catppuccin/blob/main/CONTRIBUTING.md).   ### ๐Ÿ”ง Usage If you're interested in using our palette for your own project, make sure to check out [catppuccin/palette](https://github.com/catppuccin/palette) where you can find integrations with popular frameworks and tools. If you already have a project using our palette, don't forget to add it to our [showcase](#-showcase) section above!   ### ๐Ÿ“œ 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.  

Copyright © 2021-present Catppuccin Org