Bergabunglah dengan komunitas kami!
Catppuccin terdiri dari 4 palet warna pastel cantik yang diberi nama Flavor . Semua detailnya dapat ditemukan di bawah.
Jika Anda ingin menggunakannya untuk proyek Anda sendiri, lihat panduan gaya kami untuk kasus penggunaan umum dan pedoman. Selain itu, Anda dapat menemukan integrasi dengan kerangka kerja dan alat populer di catppuccin/palette.
Sudah punya proyek yang memanfaatkan palet kami? Jangan lupa untuk menambahkannya ke bagian etalase kami di bawah ini!
Label | kutukan | RGB | HSL | |
---|---|---|---|---|
![]() | Air mawar | #dc8a78 | rgb(220, 138, 120) | hsl(11, 59%, 67%) |
![]() | Flamingo | #dd7878 | rgb(221, 120, 120) | hsl(0, 60%, 67%) |
![]() | Berwarna merah muda | #ea76cb | rgb(234, 118, 203) | hsl(316, 73%, 69%) |
![]() | Ungu muda | #8839ef | rgb(136, 57, 239) | hsl(266, 85%, 58%) |
![]() | Merah | #d20f39 | rgb(210, 15, 57) | hsl(347, 87%, 44%) |
![]() | Merah tua | #e64553 | rgb(230, 69, 83) | hsl(355, 76%, 59%) |
![]() | Persik | #fe640b | rgb(254, 100, 11) | hsl(22, 99%, 52%) |
![]() | Kuning | #df8e1d | rgb(223, 142, 29) | hsl(35, 77%, 49%) |
![]() | Hijau | #40a02b | rgb(64, 160, 43) | hsl(109, 58%, 40%) |
![]() | teal | #179299 | rgb(23, 146, 153) | hsl(183, 74%, 35%) |
![]() | Langit | #04a5e5 | rgb(4, 165, 229) | hsl(197, 97%, 46%) |
![]() | Safir | #209fb5 | rgb(32, 159, 181) | hsl(189, 70%, 42%) |
![]() | Biru | #1e66f5 | rgb(30, 102, 245) | hsl(220, 91%, 54%) |
![]() | warna lembayung muda | #7287fd | rgb(114, 135, 253) | hsl(231, 97%, 72%) |
![]() | Teks | #4c4f69 | rgb(76, 79, 105) | hsl(234, 16%, 35%) |
![]() | Subteks1 | #5c5f77 | rgb(92, 95, 119) | hsl(233, 13%, 41%) |
![]() | Subteks0 | #6c6f85 | rgb(108, 111, 133) | hsl(233, 10%, 47%) |
![]() | Hamparan2 | #7c7f93 | rgb(124, 127, 147) | hsl(232, 10%, 53%) |
![]() | Hamparan1 | #8c8fa1 | rgb(140, 143, 161) | hsl(231, 10%, 59%) |
![]() | Hamparan0 | #9ca0b0 | rgb(156, 160, 176) | hsl(228, 11%, 65%) |
![]() | Permukaan2 | #acb0be | rgb(172, 176, 190) | hsl(227, 12%, 71%) |
![]() | Permukaan1 | #bcc0cc | rgb(188, 192, 204) | hsl(225, 14%, 77%) |
![]() | Permukaan0 | #ccd0da | rgb(204, 208, 218) | hsl(223, 16%, 83%) |
![]() | Basis | #eff1f5 | rgb(239, 241, 245) | hsl(220, 23%, 95%) |
![]() | Mantel | #e6e9ef | rgb(230, 233, 239) | hsl(220, 22%, 92%) |
![]() | Kerak | #dce0e8 | rgb(220, 224, 232) | hsl(220, 21%, 89%) |
Label | kutukan | RGB | HSL | |
---|---|---|---|---|
![]() | Air mawar | #f2d5cf | rgb(242, 213, 207) | hsl(10, 57%, 88%) |
![]() | Flamingo | #eebebe | rgb(238, 190, 190) | hsl(0, 59%, 84%) |
![]() | Berwarna merah muda | #f4b8e4 | rgb(244, 184, 228) | hsl(316, 73%, 84%) |
![]() | Ungu muda | #ca9ee6 | rgb(202, 158, 230) | hsl(277, 59%, 76%) |
![]() | Merah | #e78284 | rgb(231, 130, 132) | hsl(359, 68%, 71%) |
![]() | Merah tua | #ea999c | rgb(234, 153, 156) | hsl(358, 66%, 76%) |
![]() | Persik | #ef9f76 | rgb(239, 159, 118) | hsl(20, 79%, 70%) |
![]() | Kuning | #e5c890 | rgb(229, 200, 144) | hsl(40, 62%, 73%) |
![]() | Hijau | #a6d189 | rgb(166, 209, 137) | hsl(96, 44%, 68%) |
![]() | teal | #81c8be | rgb(129, 200, 190) | hsl(172, 39%, 65%) |
![]() | Langit | #99d1db | rgb(153, 209, 219) | hsl(189, 48%, 73%) |
![]() | Safir | #85c1dc | rgb(133, 193, 220) | hsl(199, 55%, 69%) |
![]() | Biru | #8caaee | rgb(140, 170, 238) | hsl(222, 74%, 74%) |
![]() | warna lembayung muda | #babbf1 | rgb(186, 187, 241) | hsl(239, 66%, 84%) |
![]() | Teks | #c6d0f5 | rgb(198, 208, 245) | hsl(227, 70%, 87%) |
![]() | Subteks1 | #b5bfe2 | rgb(181, 191, 226) | hsl(227, 44%, 80%) |
![]() | Subteks0 | #a5adce | rgb(165, 173, 206) | hsl(228, 29%, 73%) |
![]() | Hamparan2 | #949cbb | rgb(148, 156, 187) | hsl(228, 22%, 66%) |
![]() | Hamparan1 | #838ba7 | rgb(131, 139, 167) | hsl(227, 17%, 58%) |
![]() | Hamparan0 | #737994 | rgb(115, 121, 148) | hsl(229, 13%, 52%) |
![]() | Permukaan2 | #626880 | rgb(98, 104, 128) | hsl(228, 13%, 44%) |
![]() | Permukaan1 | #51576d | rgb(81, 87, 109) | hsl(227, 15%, 37%) |
![]() | Permukaan0 | #414559 | rgb(65, 69, 89) | hsl(230, 16%, 30%) |
![]() | Basis | #303446 | rgb(48, 52, 70) | hsl(229, 19%, 23%) |
![]() | Mantel | #292c3c | rgb(41, 44, 60) | hsl(231, 19%, 20%) |
![]() | Kerak | #232634 | rgb(35, 38, 52) | hsl(229, 20%, 17%) |
Label | kutukan | RGB | HSL | |
---|---|---|---|---|
![]() | Air mawar | #f4dbd6 | rgb(244, 219, 214) | hsl(10, 58%, 90%) |
![]() | Flamingo | #f0c6c6 | rgb(240, 198, 198) | hsl(0, 58%, 86%) |
![]() | Berwarna merah muda | #f5bde6 | rgb(245, 189, 230) | hsl(316, 74%, 85%) |
![]() | Ungu muda | #c6a0f6 | rgb(198, 160, 246) | hsl(267, 83%, 80%) |
![]() | Merah | #ed8796 | rgb(237, 135, 150) | hsl(351, 74%, 73%) |
![]() | Merah tua | #ee99a0 | rgb(238, 153, 160) | hsl(355, 71%, 77%) |
![]() | Persik | #f5a97f | rgb(245, 169, 127) | hsl(21, 86%, 73%) |
![]() | Kuning | #eed49f | rgb(238, 212, 159) | hsl(40, 70%, 78%) |
![]() | Hijau | #a6da95 | rgb(166, 218, 149) | hsl(105, 48%, 72%) |
![]() | teal | #8bd5ca | rgb(139, 213, 202) | hsl(171, 47%, 69%) |
![]() | Langit | #91d7e3 | rgb(145, 215, 227) | hsl(189, 59%, 73%) |
![]() | Safir | #7dc4e4 | rgb(125, 196, 228) | hsl(199, 66%, 69%) |
![]() | Biru | #8aadf4 | rgb(138, 173, 244) | hsl(220, 83%, 75%) |
![]() | warna lembayung muda | #b7bdf8 | rgb(183, 189, 248) | hsl(234, 82%, 85%) |
![]() | Teks | #cad3f5 | rgb(202, 211, 245) | hsl(227, 68%, 88%) |
![]() | Subteks1 | #b8c0e0 | rgb(184, 192, 224) | hsl(228, 39%, 80%) |
![]() | Subteks0 | #a5adcb | rgb(165, 173, 203) | hsl(227, 27%, 72%) |
![]() | Hamparan2 | #939ab7 | rgb(147, 154, 183) | hsl(228, 20%, 65%) |
![]() | Hamparan1 | #8087a2 | rgb(128, 135, 162) | hsl(228, 15%, 57%) |
![]() | Hamparan0 | #6e738d | rgb(110, 115, 141) | hsl(230, 12%, 49%) |
![]() | Permukaan2 | #5b6078 | rgb(91, 96, 120) | hsl(230, 14%, 41%) |
![]() | Permukaan1 | #494d64 | rgb(73, 77, 100) | hsl(231, 16%, 34%) |
![]() | Permukaan0 | #363a4f | rgb(54, 58, 79) | hsl(230, 19%, 26%) |
![]() | Basis | #24273a | rgb(36, 39, 58) | hsl(232, 23%, 18%) |
![]() | Mantel | #1e2030 | rgb(30, 32, 48) | hsl(233, 23%, 15%) |
![]() | Kerak | #181926 | rgb(24, 25, 38) | hsl(236, 23%, 12%) |
Label | kutukan | RGB | HSL | |
---|---|---|---|---|
![]() | Air mawar | #f5e0dc | rgb(245, 224, 220) | hsl(10, 56%, 91%) |
![]() | Flamingo | #f2cdcd | rgb(242, 205, 205) | hsl(0, 59%, 88%) |
![]() | Berwarna merah muda | #f5c2e7 | rgb(245, 194, 231) | hsl(316, 72%, 86%) |
![]() | Ungu muda | #cba6f7 | rgb(203, 166, 247) | hsl(267, 84%, 81%) |
![]() | Merah | #f38ba8 | rgb(243, 139, 168) | hsl(343, 81%, 75%) |
![]() | Merah tua | #eba0ac | rgb(235, 160, 172) | hsl(350, 65%, 77%) |
![]() | Persik | #fab387 | rgb(250, 179, 135) | hsl(23, 92%, 75%) |
![]() | Kuning | #f9e2af | rgb(249, 226, 175) | hsl(41, 86%, 83%) |
![]() | Hijau | #a6e3a1 | rgb(166, 227, 161) | hsl(115, 54%, 76%) |
![]() | teal | #94e2d5 | rgb(148, 226, 213) | hsl(170, 57%, 73%) |
![]() | Langit | #89dceb | rgb(137, 220, 235) | hsl(189, 71%, 73%) |
![]() | Safir | #74c7ec | rgb(116, 199, 236) | hsl(199, 76%, 69%) |
![]() | Biru | #89b4fa | rgb(137, 180, 250) | hsl(217, 92%, 76%) |
![]() | warna lembayung muda | #b4befe | rgb(180, 190, 254) | hsl(232, 97%, 85%) |
![]() | Teks | #cdd6f4 | rgb(205, 214, 244) | hsl(226, 64%, 88%) |
![]() | Subteks1 | #bac2de | rgb(186, 194, 222) | hsl(227, 35%, 80%) |
![]() | Subteks0 | #a6adc8 | rgb(166, 173, 200) | hsl(228, 24%, 72%) |
![]() | Hamparan2 | #9399b2 | rgb(147, 153, 178) | hsl(228, 17%, 64%) |
![]() | Hamparan1 | #7f849c | rgb(127, 132, 156) | hsl(230, 13%, 55%) |
![]() | Hamparan0 | #6c7086 | rgb(108, 112, 134) | hsl(231, 11%, 47%) |
![]() | Permukaan2 | #585b70 | rgb(88, 91, 112) | hsl(233, 12%, 39%) |
![]() | Permukaan1 | #45475a | rgb(69, 71, 90) | hsl(234, 13%, 31%) |
![]() | Permukaan0 | #313244 | rgb(49, 50, 68) | hsl(237, 16%, 23%) |
![]() | Basis | #1e1e2e | rgb(30, 30, 46) | hsl(240, 21%, 15%) |
![]() | Mantel | #181825 | rgb(24, 24, 37) | hsl(240, 21%, 12%) |
![]() | Kerak | #11111b | rgb(17, 17, 27) | hsl(240, 23%, 9%) |
Catatan
jika Anda ingin mengirimkan port atau mempelajari cara mem-porting Catppuccin ke suatu program, silakan merujuk ke port-creation.md
Lihat KONTRIBUSI.md
Catppuccin tersedia untuk berbagai aplikasi dan dalam format berbeda. Berikut daftarnya:
Catatan
Staf Catppuccin berhak menghapus dan menolak penambahan etalase jika kami menilai penambahan tersebut melanggar KODE ETIK kami. Konfigurasi dan situs web yang sangat pribadi tidak akan ditambahkan.
Jika Anda membuat aplikasi atau alat menggunakan palet kami, beri tahu kami dengan menambahkannya di bawah!
Catppuccin dirilis di bawah lisensi MIT, yang memberikan izin berikut:
Untuk bahasa yang lebih berbelit-belit, lihat LISENSI.
Berkat alat-alat berikut, pengembangan proyek ini dapat dilakukan:
Hak Cipta © 2021-sekarang Catppuccin Org