Rosé Pine
One of 22 themes built into CodeSplash Themes, the free Obsidian plugin — 15 palette colors mapped to editor roles like headings, links, and lists.
Palette
The Rosé Pine palette
All 15 color variables as defined in the plugin — the same values the preview above is painted with.
--rp-base
#191724
--rp-surface
#1f1d2e
--rp-overlay
#26233a
--rp-highlight-low
#21202e
--rp-highlight-med
#403d52
--rp-highlight-high
#524f67
--rp-muted
#6e6a86
--rp-subtle
#908caa
--rp-text
#e0def4
--rp-love
#eb6f92
--rp-gold
#f6c177
--rp-rose
#ebbcba
--rp-pine
#31748f
--rp-foam
#9ccfd8
--rp-iris
#c4a7e7
Install
Get Rosé Pine 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 “Rosé Pine”.
CodeSplash AI
Also in CodeSplash AI
The CodeSplash AI desktop ships a Rosé Pine 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.