Skip to content
mrait
← Back to journal

Iced Matcha Latte

VS Code · Cursor · Google Antigravity · Open VSX

Iced Matcha Latte

Matcha for your editor.

A soft light theme inspired by an iced matcha latte — creamy background, deep matcha keywords, mint strings, toasted oat numbers, and stoneware types. Designed by mrait.ca.

Your code. Re-skinned.

Calm Café light you can code in all day. Every token mapped to matcha, milk, and stone.

matcha.ts — Iced Matcha Latte
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// Iced Matcha Latte — by mrait.ca import { Theme, Palette } from ‘@mrait/colors’; const VERSION = ‘1.0.1’; interface MatchaConfig { background: string; keywords: string; strings: string; } async function brew(cfg: MatchaConfig) { return await Theme.create({ background: ‘#F7FAF4’, keywords: ‘#3A8F3C’, strings: ‘#78C97B’ }); } brew({ background: ‘#F7FAF4’, keywords: ‘#3A8F3C’, strings: ‘#78C97B’ })

Layers of matcha and milk.

Extracted from the bowl — no neon, no harsh contrast.

Background
#F7FAF4
Milk cream
Foreground
#213124
Leaf text
Keywords
#3A8F3C
Deep matcha
Strings
#78C97B
Iced mint
Types
#4F7E7C
Stone bowl
Numbers
#C8A36A
Toasted oat
Functions
#B79045
Bamboo
Comments
#8CA38A
Sage comments

Designed for daylight coding sessions.

  • ◆Soft light, sharp focus. Warm cream surfaces with leaf-green text keep contrast high without harsh white glare.
  • ◆Language-aware coloring. TextMate + semantic tokens tuned for TS/JS, Python, Go, Rust, HTML/CSS, JSON, YAML, and Markdown.
  • ◆Readable comments. Sage-toned comments stay visible without shouting over your logic.
  • ◆No neon, no noise. Only matcha, mint, stone, and oat on a neutral canvas.

Join the mrait Community

Share screenshots, get theme updates, request palettes, and vibe with other developers.

Theme dropsDev toolsPalette requests welcome
mrait.ca/go/discord

Install in 30 seconds.

Works on Antigravity, VS Code, Cursor, VSCodium and any VS Code fork.

1

Open Extensions

In your editor, open the Extensions panel with Ctrl+Shift+X

2

Search Iced Matcha Latte

Type Iced Matcha Latte or iammrait — click Install

publisher:iammrait
3

Activate Theme

Command Palette → Preferences: Color Theme → Iced Matcha Latte

Keep the conversation going

Let’s build
something useful.

Start a conversation ↗