Catppuccin ORG

Soothing pastel theme for the high-spirited!

361 repos
10.0k followers
0 following

Just 30%
CSS 15%
TypeScript 11%
Shell 5%
Python 5%

Catppuccin /ˌkætpʊˈtʃiːn/ Palette · 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…

Catppuccin

/ˌkætpʊˈtʃiːn/

Palette
·
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 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.

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

Already have a project making use of our palette? Don't forget to add it to
our [showcase](#-showcase) section below!

🌻 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%)

<img s

…

All public repos (200)

Show forks Show archived