Dark theme

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. 1

    In Obsidian, open Settings → Community plugins and select Browse.

  2. 2

    Search for “CodeSplash Themes”, then Install and Enable.

  3. 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.

22 built-in themesVisual theme editorTransparency, opacity, and macOS vibrancy