Dark theme

Catppuccin Frappé

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 Frappé palette

All 26 color variables as defined in the plugin — the same values the preview above is painted with.

--ctp-rosewater

#f2d5cf

--ctp-flamingo

#eebebe

--ctp-pink

#f4b8e4

--ctp-mauve

#ca9ee6

--ctp-red

#e78284

--ctp-maroon

#ea999c

--ctp-peach

#ef9f76

--ctp-yellow

#e5c890

--ctp-green

#a6d189

--ctp-teal

#81c8be

--ctp-sky

#99d1db

--ctp-sapphire

#85c1dc

--ctp-blue

#8caaee

--ctp-lavender

#babbf1

--ctp-text

#c6d0f5

--ctp-subtext1

#b5bfe2

--ctp-subtext0

#a5adce

--ctp-overlay2

#949cbb

--ctp-overlay1

#838ba7

--ctp-overlay0

#737994

--ctp-surface2

#626880

--ctp-surface1

#51576d

--ctp-surface0

#414559

--ctp-base

#303446

--ctp-mantle

#292c3c

--ctp-crust

#232634

Install

Get Catppuccin Frappé 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 Frappé”.

CodeSplash AI

Also in CodeSplash AI

The CodeSplash AI desktop ships a Catppuccin Frappé 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