Inspired by cherry blossom season and the quiet gardens beneath it, this theme pairs pale petal backgrounds with deep rose and plum accents to create a soft and unhurried coding environment. Light, gentle surfaces keep the editor calm, while muted greens and clear sky blues add balance and focus to key syntax elements.
A light theme from the Codigrate Nature collection, released 2023-10-17. Tags: Pastel, Soft, Elegant.
Sold on codigrate.com for $2.99, one payment, tax included: add it to your cart, pay with Stripe (cards, Apple Pay, Google Pay), and download the theme right away. No account needed. Personal licence; a digital download, so all sales are final (see the terms of sale).
Getting started on Xcode
- Download the zip with the Download button. Inside are two theme files: one for Xcode 26 ( .xcworkspacecolortheme ) and one for Xcode 16 and earlier ( .xccolortheme ).
- Copy both files into ~/Library/Developer/Xcode/UserData/FontAndColorThemes/ ( in Finder, Shift+Cmd+G takes you to the path; create the folder if it is not there ).
- Xcode 26: open Settings → Appearance, click Choose next to Theme and pick the theme under Custom. Xcode 16 and earlier: Settings → Themes lists it after a restart.
- The theme paints the source editor, the console and the documentation view; the window keeps the macOS look.
Sakura color palette
Every named color of the Sakura palette, free to download for MacOS, CorelDRAW and Figma.
Sakura on every platform
- Sakura for JetBrains (free)
- Sakura for Xcode ($2.99), this page
- Sakura for VS Code (free)
- Sakura for Chrome (free)
- Sakura for Open VSX (free)
- Sakura for Slack (free)
- Sakura for MacOS Terminal (free)
- Sakura for iTerm2 (free)
- Sakura for Ghostty (free)
- Sakura for Rhino (free)
- Sakura for Zed (free)
- Sakura for Sublime Text (free)
- Sakura for Line
From the blog
- Anatomy of a Light Theme: Sakura: Anatomy of Sakura, a light IDE theme: blossom white and petal pink backgrounds, a deep cherry foreground, and syntax in rose, garden green and sky blue.
- HWB: Pick a Hue, Add White, Add Black: HWB reads like a mixing recipe: a hue, some white, some black. How sakura pink falls out of a rose hue drowned in white, and where hwb() works in CSS.
