I use this theme in VS code and was excited to see I could make it here.
Used the colors from the Catppuccin mocha pallet.
Wish I could match the app icon but overall feels just like home.
Color | Hex | RGB | HSL |
---|---|---|---|
Rosewater | #f5e0dc | rgb(245, 224, 220) | hsl(10deg, 56%, 91%) |
Flamingo | #f2cdcd | rgb(242, 205, 205) | hsl(0deg, 59%, 88%) |
Pink | #f5c2e7 | rgb(245, 194, 231) | hsl(316deg, 72%, 86%) |
Mauve | #cba6f7 | rgb(203, 166, 247) | hsl(267deg, 84%, 81%) |
Red | #f38ba8 | rgb(243, 139, 168) | hsl(343deg, 81%, 75%) |
Maroon | #eba0ac | rgb(235, 160, 172) | hsl(350deg, 65%, 77%) |
Peach | #fab387 | rgb(250, 179, 135) | hsl(23deg, 92%, 75%) |
Yellow | #f9e2af | rgb(249, 226, 175) | hsl(41deg, 86%, 83%) |
Green | #a6e3a1 | rgb(166, 227, 161) | hsl(115deg, 54%, 76%) |
Teal | #94e2d5 | rgb(148, 226, 213) | hsl(170deg, 57%, 73%) |
Sky | #89dceb | rgb(137, 220, 235) | hsl(189deg, 71%, 73%) |
Sapphire | #74c7ec | rgb(116, 199, 236) | hsl(199deg, 76%, 69%) |
Blue | #89b4fa | rgb(137, 180, 250) | hsl(217deg, 92%, 76%) |
Lavender | #b4befe | rgb(180, 190, 254) | hsl(232deg, 97%, 85%) |
Text | #cdd6f4 | rgb(205, 214, 244) | hsl(226deg, 64%, 88%) |
Subtext 1 | #bac2de | rgb(186, 194, 222) | hsl(227deg, 35%, 80%) |
Subtext 0 | #a6adc8 | rgb(166, 173, 200) | hsl(228deg, 24%, 72%) |
Overlay 2 | #9399b2 | rgb(147, 153, 178) | hsl(228deg, 17%, 64%) |
Overlay 1 | #7f849c | rgb(127, 132, 156) | hsl(230deg, 13%, 55%) |
Overlay 0 | #6c7086 | rgb(108, 112, 134) | hsl(231deg, 11%, 47%) |
Surface 2 | #585b70 | rgb(88, 91, 112) | hsl(233deg, 12%, 39%) |
Surface 1 | #45475a | rgb(69, 71, 90) | hsl(234deg, 13%, 31%) |
Surface 0 | #313244 | rgb(49, 50, 68) | hsl(237deg, 16%, 23%) |
Base | #1e1e2e | rgb(30, 30, 46) | hsl(240deg, 21%, 15%) |
Mantle | #181825 | rgb(24, 24, 37) | hsl(240deg, 21%, 12%) |
Crust | #11111b | rgb(17, 17, 27) | hsl(240deg, 23%, 9%) |