github.com/catppuccin/catppuccin @v0.2.0 sqlite

Catppuccin Theme

Palettes · Ports · Docs

<a href="https://github.com/catppuccin/catppuccin/stargazers">
    <img alt="Stargazers" src="https://img.shields.io/github/stars/catppuccin/catppuccin?style=for-the-badge&logo=starship&color=C9CBFF&logoColor=D9E0EE&labelColor=302D41"></a>
<a href="https://github.com/catppuccin/catppuccin/releases/latest">
    <img alt="Releases" src="https://img.shields.io/github/release/catppuccin/catppuccin.svg?style=for-the-badge&logo=github&color=F2CDCD&logoColor=D9E0EE&labelColor=302D41"/></a>
<a href="https://github.com/catppuccin/catppuccin/issues">
    <img alt="Issues" src="https://img.shields.io/github/issues/catppuccin/catppuccin?style=for-the-badge&logo=gitbook&color=B5E8E0&logoColor=D9E0EE&labelColor=302D41"></a>
<a href="https://discord.gg/r6Mdz5dpFc">
    <img alt="Discord" src="https://img.shields.io/discord/907385605422448742?style=for-the-badge&logo=discord&color=DDB6F2&logoColor=D9E0EE&labelColor=302D41"></a>

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 warms palette 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 most.
• Harmony is superior to dissonance: vivacious colors must complement each other.

🎨 Palettes

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

🐑 Latte

	Labels	Hex	RGG	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	RGG	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	#c6ceef	rgb(198, 206, 239)	hsl(228, 56%, 86%)
	Subtext1	#b5bddc	rgb(181, 189, 220)	hsl(228, 36%, 79%)
	Subtext0	#a5acc9	rgb(165, 172, 201)