Catppuccin Mocha
One of 22 themes built into CodeSplash Themes, the free Obsidian plugin — 26 palette colors mapped to editor roles like headings, links, and lists.
Palette
The Catppuccin Mocha palette
All 26 color variables as defined in the plugin — the same values the preview above is painted with.
--ctp-rosewater
#f5e0dc
--ctp-flamingo
#f2cdcd
--ctp-pink
#f5c2e7
--ctp-mauve
#cba6f7
--ctp-red
#f38ba8
--ctp-maroon
#eba0ac
--ctp-peach
#fab387
--ctp-yellow
#f9e2af
--ctp-green
#a6e3a1
--ctp-teal
#94e2d5
--ctp-sky
#89dceb
--ctp-sapphire
#74c7ec
--ctp-blue
#89b4fa
--ctp-lavender
#b4befe
--ctp-text
#cdd6f4
--ctp-subtext1
#bac2de
--ctp-subtext0
#a6adc8
--ctp-overlay2
#9399b2
--ctp-overlay1
#7f849c
--ctp-overlay0
#6c7086
--ctp-surface2
#585b70
--ctp-surface1
#45475a
--ctp-surface0
#313244
--ctp-base
#1e1e2e
--ctp-mantle
#181825
--ctp-crust
#11111b
Install
Get Catppuccin Mocha in Obsidian
- 1
In Obsidian, open Settings → Community plugins and select Browse.
- 2
Search for “CodeSplash Themes”, then Install and Enable.
- 3
Open Settings → CodeSplash Themes and set Active Theme to “Catppuccin Mocha”.
CodeSplash AI
Also in CodeSplash AI
The CodeSplash AI desktop ships a Catppuccin Mocha theme in its built-in theme library. In the app, open Settings → Appearance → Theme and pick it.
Get started
Launch CodeSplash Themes
CodeSplash Themes is live now and free to use. Jump straight in with the button below.