Where every note feels like a quiet moment with your favorite cup.
Inspired by Lospec Mocha Palette by Space Sandwhich
mocha palette.png
Soft amber accents • Thoughtful contrast • Calm productivity
- Tired of sterile, cold interfaces that strain your eyes after sunset? Mocha wraps your thoughts in warmth—inspired by the rich tones of roasted coffee beans, steamed milk, and quiet mornings. This isn't just a color swap; it's a sensory experience designed for deep focus and creative flow.
- Amber glow accents that guide your eyes without glare (no eye-searing blues or neon greens)
- Warm neutrals calibrated for low-light reading—like parchment under lamplight
- Intelligent contrast meeting WCAG AA standards (no squinting at faint text)
- Optimized text hierarchy: headers breathe, body text flows, code blocks stand apart
- Subtle visual cues for links, tags, and highlights—noticed but never noisy
- Monospace code blocks with warm syntax backgrounds (no jarring white-on-black)
- Sidebar items fade gently on hover—no aggressive color jumps
- Active note title glows with soft amber underline (know where you are without distraction)
- Status bar transforms on hover: text brightens, background deepens—satisfying micro-interactions
- One-variable customization: Change --amber-base to shift your entire theme's mood
- Light/dark mode harmony: Both modes share the same soul—no jarring transitions
- Plugin-ready: Graph view, calendar, dataview—all styled to blend seamlessly
- Zero empty rules: Clean, commented CSS you can actually understand and tweak
| Name | Color | Purpose |
|---|---|---|
| Amber Glow | #d19e79 | Your anchor—links, highlights, active states |
| Roasted Base | #20130e | Deep canvas for notes—like dark roast beans |
| Steamed Milk | #e8d9c9 | Readable text—warm, never harsh |
| Cinnamon Edge | #4c2c21 | Borders & subtle structure—like spice notes |
- Install via Obsidian → Settings → Appearance → Community Themes → Browse (search "Mocha")
Or manually:
- Download the Mocha Latte Cafe 001 folder into your .obsidian --> themes folder and then load from the app.
[!Pro tip:] Use Coolors.co to generate a 3-color palette (1 accent + 2 neutrals), then map to our variables.
Feel free to support me here:
