Palette Catppuccin consists of 4 beautiful pastel color palettes, named flavors . The theme comes in one light and three dark variants:
Latte : Our lightest theme harmoniously inverting the essence of Catppuccin's dark themes.Frappé : A less vibrant alternative using subdued colors for a muted aesthetic.Macchiato : Medium contrast with gentle colors creating a soothing atmosphere.Mocha : The Original — Our darkest variant offering a cozy feeling with color-rich accents.If you'd like 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 .
Latte Rosewater #dc8a78 rgb(220, 138, 120) hsl(11deg, 59%, 67%) oklch(0.714 0.105 33.097) Flamingo #dd7878 rgb(221, 120, 120) hsl(0deg, 60%, 67%) oklch(0.686 0.126 20.867) Pink #ea76cb rgb(234, 118, 203) hsl(316deg, 73%, 69%) oklch(0.726 0.174 338.433) Mauve #8839ef rgb(136, 57, 239) hsl(266deg, 85%, 58%) oklch(0.555 0.250 297.016) Red #d20f39 rgb(210, 15, 57) hsl(347deg, 87%, 44%) oklch(0.550 0.216 19.809) Maroon #e64553 rgb(230, 69, 83) hsl(355deg, 76%, 59%) oklch(0.625 0.197 20.272) Peach #fe640b rgb(254, 100, 11) hsl(22deg, 99%, 52%) oklch(0.692 0.204 42.429) Yellow #df8e1d rgb(223, 142, 29) hsl(35deg, 77%, 49%) oklch(0.714 0.149 67.777) Green #40a02b rgb(64, 160, 43) hsl(109deg, 58%, 40%) oklch(0.625 0.177 140.445) Teal #179299 rgb(23, 146, 153) hsl(183deg, 74%, 35%) oklch(0.602 0.098 201.105) Sky #04a5e5 rgb(4, 165, 229) hsl(197deg, 97%, 46%) oklch(0.682 0.145 235.382) Sapphire #209fb5 rgb(32, 159, 181) hsl(189deg, 70%, 42%) oklch(0.648 0.107 212.889) Blue #1e66f5 rgb(30, 102, 245) hsl(220deg, 91%, 54%) oklch(0.559 0.226 262.087) Lavender #7287fd rgb(114, 135, 253) hsl(231deg, 97%, 72%) oklch(0.664 0.175 273.135) Text #4c4f69 rgb(76, 79, 105) hsl(234deg, 16%, 35%) oklch(0.435 0.043 279.325) Subtext 1 #5c5f77 rgb(92, 95, 119) hsl(233deg, 13%, 41%) oklch(0.492 0.038 279.299) Subtext 0 #6c6f85 rgb(108, 111, 133) hsl(233deg, 10%, 47%) oklch(0.547 0.034 279.084) Overlay 2 #7c7f93 rgb(124, 127, 147) hsl(232deg, 10%, 53%) oklch(0.601 0.030 278.694) Overlay 1 #8c8fa1 rgb(140, 143, 161) hsl(231deg, 10%, 59%) oklch(0.654 0.027 278.121) Overlay 0 #9ca0b0 rgb(156, 160, 176) hsl(228deg, 11%, 65%) oklch(0.708 0.024 274.601) Surface 2 #acb0be rgb(172, 176, 190) hsl(227deg, 12%, 71%) oklch(0.758 0.020 273.154) Surface 1 #bcc0cc rgb(188, 192, 204) hsl(225deg, 14%, 77%) oklch(0.808 0.017 271.198) Surface 0 #ccd0da rgb(204, 208, 218) hsl(223deg, 16%, 83%) oklch(0.857 0.014 268.476) Base #eff1f5 rgb(239, 241, 245) hsl(220deg, 23%, 95%) oklch(0.958 0.006 264.532) Mantle #e6e9ef rgb(230, 233, 239) hsl(220deg, 22%, 92%) oklch(0.933 0.009 264.521) Crust #dce0e8 rgb(220, 224, 232) hsl(220deg, 21%, 89%) oklch(0.906 0.012 264.507)
Frappé Rosewater #f2d5cf rgb(242, 213, 207) hsl(10deg, 57%, 88%) oklch(0.895 0.034 31.600) Flamingo #eebebe rgb(238, 190, 190) hsl(0deg, 59%, 84%) oklch(0.844 0.055 18.307) Pink #f4b8e4 rgb(244, 184, 228) hsl(316deg, 73%, 84%) oklch(0.850 0.089 336.263) Mauve #ca9ee6 rgb(202, 158, 230) hsl(277deg, 59%, 76%) oklch(0.765 0.111 311.744) Red #e78284 rgb(231, 130, 132) hsl(359deg, 68%, 71%) oklch(0.717 0.124 19.386) Maroon #ea999c rgb(234, 153, 156) hsl(358deg, 66%, 76%) oklch(0.765 0.098 17.177) Peach #ef9f76 rgb(239, 159, 118) hsl(20deg, 79%, 70%) oklch(0.773 0.111 47.726) Yellow #e5c890 rgb(229, 200, 144) hsl(40deg, 62%, 73%) oklch(0.844 0.080 83.472) Green #a6d189 rgb(166, 209, 137) hsl(96deg, 44%, 68%) oklch(0.812 0.107 133.392) Teal #81c8be rgb(129, 200, 190) hsl(172deg, 39%, 65%) oklch(0.783 0.073 184.645) Sky #99d1db rgb(153, 209, 219) hsl(189deg, 48%, 73%) oklch(0.826 0.059 209.756) Sapphire #85c1dc rgb(133, 193, 220) hsl(199deg, 55%, 69%) oklch(0.780 0.073 227.880) Blue #8caaee rgb(140, 170, 238) hsl(222deg, 74%, 74%) oklch(0.742 0.104 265.663) Lavender #babbf1 rgb(186, 187, 241) hsl(239deg, 66%, 84%) oklch(0.810 0.076 283.740) Text #c6d0f5 rgb(198, 208, 245) hsl(227deg, 70%, 87%) oklch(0.862 0.053 273.347) Subtext 1 #b5bfe2 rgb(181, 191, 226) hsl(227deg, 44%, 80%) oklch(0.808 0.051 272.678) Subtext 0 #a5adce rgb(165, 173, 206) hsl(228deg, 29%, 73%) oklch(0.752 0.048 274.473) Overlay 2 #949cbb rgb(148, 156, 187) hsl(228deg, 22%, 66%) oklch(0.697 0.046 273.777) Overlay 1 #838ba7 rgb(131, 139, 167) hsl(227deg, 17%, 58%) oklch(0.640 0.043 272.614) Overlay 0 #737994 rgb(115, 121, 148) hsl(229deg, 13%, 52%) oklch(0.581 0.042 275.198) Surface 2 #626880 rgb(98, 104, 128) hsl(228deg, 13%, 44%) oklch(0.521 0.039 273.999) Surface 1 #51576d rgb(81, 87, 109) hsl(227deg, 15%, 37%) oklch(0.460 0.037 272.966) Surface 0 #414559 rgb(65, 69, 89) hsl(230deg, 16%, 30%) oklch(0.395 0.034 275.900) Base #303446 rgb(48, 52, 70) hsl(229deg, 19%, 23%) oklch(0.329 0.032 274.758) Mantle #292c3c rgb(41, 44, 60) hsl(231deg, 19%, 20%) oklch(0.297 0.029 276.214) Crust #232634 rgb(35, 38, 52) hsl(229deg, 20%, 17%) oklch(0.272 0.026 275.115)
Macchiato Rosewater #f4dbd6 rgb(244, 219, 214) hsl(10deg, 58%, 90%) oklch(0.911 0.029 31.133) Flamingo #f0c6c6 rgb(240, 198, 198) hsl(0deg, 58%, 86%) oklch(0.863 0.048 18.120) Pink #f5bde6 rgb(245, 189, 230) hsl(316deg, 74%, 85%) oklch(0.861 0.083 336.180) Mauve #c6a0f6 rgb(198, 160, 246) hsl(267deg, 83%, 80%) oklch(0.772 0.126 303.898) Red #ed8796 rgb(237, 135, 150) hsl(351deg, 74%, 73%) oklch(0.737 0.125 11.194) Maroon #ee99a0 rgb(238, 153, 160) hsl(355deg, 71%, 77%) oklch(0.770 0.102 14.371) Peach #f5a97f rgb(245, 169, 127) hsl(21deg, 86%, 73%) oklch(0.799 0.106 49.638) Yellow #eed49f rgb(238, 212, 159) hsl(40deg, 70%, 78%) oklch(0.879 0.074 84.751) Green #a6da95 rgb(166, 218, 149) hsl(105deg, 48%, 72%) oklch(0.835 0.108 138.150) Teal #8bd5ca rgb(139, 213, 202) hsl(171deg, 47%, 69%) oklch(0.821 0.076 184.100) Sky #91d7e3 rgb(145, 215, 227) hsl(189deg, 59%, 73%) oklch(0.837 0.072 209.366) Sapphire #7dc4e4 rgb(125, 196, 228) hsl(199deg, 66%, 69%) oklch(0.785 0.085 228.378) Blue #8aadf4 rgb(138, 173, 244) hsl(220deg, 83%, 75%) oklch(0.750 0.110 263.810) Lavender #b7bdf8 rgb(183, 189, 248) hsl(234deg, 82%, 85%) oklch(0.814 0.083 279.854) Text #cad3f5 rgb(202, 211, 245) hsl(227deg, 68%, 88%) oklch(0.871 0.048 273.665) Subtext 1 #b8c0e0 rgb(184, 192, 224) hsl(228deg, 39%, 80%) oklch(0.812 0.046 274.267) Subtext 0 #a5adcb rgb(165, 173, 203) hsl(227deg, 27%, 72%) oklch(0.751 0.044 273.533) Overlay 2 #939ab7 rgb(147, 154, 183) hsl(228deg, 20%, 65%) oklch(0.690 0.043 274.539) Overlay 1 #8087a2 rgb(128, 135, 162) hsl(228deg, 15%, 57%) oklch(0.627 0.041 273.733) Overlay 0 #6e738d rgb(110, 115, 141) hsl(230deg, 12%, 49%) oklch(0.561 0.041 276.475) Surface 2 #5b6078 rgb(91, 96, 120) hsl(230deg, 14%, 41%) oklch(0.494 0.039 275.683) Surface 1 #494d64 rgb(73, 77, 100) hsl(231deg, 16%, 34%) oklch(0.426 0.039 276.948) Surface 0 #363a4f rgb(54, 58, 79) hsl(230deg, 19%, 26%) oklch(0.354 0.037 275.985) Base #24273a rgb(36, 39, 58) hsl(232deg, 23%, 18%) oklch(0.279 0.035 276.937) Mantle #1e2030 rgb(30, 32, 48) hsl(233deg, 23%, 15%) oklch(0.249 0.030 278.435) Crust #181926 rgb(24, 25, 38) hsl(236deg, 23%, 12%) oklch(0.219 0.025 280.657)
Mocha Rosewater #f5e0dc rgb(245, 224, 220) hsl(10deg, 56%, 91%) oklch(0.923 0.024 30.492) Flamingo #f2cdcd rgb(242, 205, 205) hsl(0deg, 59%, 88%) oklch(0.880 0.042 17.975) Pink #f5c2e7 rgb(245, 194, 231) hsl(316deg, 72%, 86%) oklch(0.870 0.075 336.304) Mauve #cba6f7 rgb(203, 166, 247) hsl(267deg, 84%, 81%) oklch(0.787 0.119 304.769) Red #f38ba8 rgb(243, 139, 168) hsl(343deg, 81%, 75%) oklch(0.756 0.130 2.764) Maroon #eba0ac rgb(235, 160, 172) hsl(350deg, 65%, 77%) oklch(0.782 0.090 8.848) Peach #fab387 rgb(250, 179, 135) hsl(23deg, 92%, 75%) oklch(0.824 0.101 52.629) Yellow #f9e2af rgb(249, 226, 175) hsl(41deg, 86%, 83%) oklch(0.919 0.070 86.528) Green #a6e3a1 rgb(166, 227, 161) hsl(115deg, 54%, 76%) oklch(0.858 0.109 142.715) Teal #94e2d5 rgb(148, 226, 213) hsl(170deg, 57%, 73%) oklch(0.858 0.079 182.750) Sky #89dceb rgb(137, 220, 235) hsl(189deg, 71%, 73%) oklch(0.847 0.083 210.255) Sapphire #74c7ec rgb(116, 199, 236) hsl(199deg, 76%, 69%) oklch(0.791 0.096 228.653) Blue #89b4fa rgb(137, 180, 250) hsl(217deg, 92%, 76%) oklch(0.766 0.111 259.885) Lavender #b4befe rgb(180, 190, 254) hsl(232deg, 97%, 85%) oklch(0.817 0.091 277.309) Text #cdd6f4 rgb(205, 214, 244) hsl(226deg, 64%, 88%) oklch(0.879 0.043 272.277) Subtext 1 #bac2de rgb(186, 194, 222) hsl(227deg, 35%, 80%) oklch(0.817 0.040 272.862) Subtext 0 #a6adc8 rgb(166, 173, 200) hsl(228deg, 24%, 72%) oklch(0.751 0.040 273.932) Overlay 2 #9399b2 rgb(147, 153, 178) hsl(228deg, 17%, 64%) oklch(0.687 0.037 274.725) Overlay 1 #7f849c rgb(127, 132, 156) hsl(230deg, 13%, 55%) oklch(0.618 0.037 276.005) Overlay 0 #6c7086 rgb(108, 112, 134) hsl(231deg, 11%, 47%) oklch(0.550 0.034 277.095) Surface 2 #585b70 rgb(88, 91, 112) hsl(233deg, 12%, 39%) oklch(0.477 0.034 278.643) Surface 1 #45475a rgb(69, 71, 90) hsl(234deg, 13%, 31%) oklch(0.404 0.032 280.152) Surface 0 #313244 rgb(49, 50, 68) hsl(237deg, 16%, 23%) oklch(0.324 0.032 281.978) Base #1e1e2e rgb(30, 30, 46) hsl(240deg, 21%, 15%) oklch(0.243 0.030 283.911) Mantle #181825 rgb(24, 24, 37) hsl(240deg, 21%, 12%) oklch(0.216 0.025 284.065) Crust #11111b rgb(17, 17, 27) hsl(240deg, 23%, 9%) oklch(0.183 0.020 284.204)