MOCHA
Warm espresso in a dark room
For the coffee shop coder who hates blue light, loves warm tones, and thinks every dark theme should feel like a cozy evening, not a cold void. Espresso browns, cream highlights, cinnamon accents.
Overview
Catppuccin Mocha, late-night coffee shops, leather journals, warm desk lamps, Autumn evenings.
- Warm brown dark palette
- Zero blue light
- Cream text on espresso
- Cozy, eye-friendly contrast
- Developer tools
- Reading apps
- Journaling sites
- Dark-mode-first products
This theme is part of the Dehlya Studio AuraFlow collection — 12 curated design systems, each a complete set of tokens you can drop into your own project. Each theme demonstrates a unique visual language and can be adapted to many use cases.
Color System
The color palette for Mocha is designed to create a cohesive and visually appealing experience. Each color has been carefully selected to work harmoniously together and convey the theme’s unique personality.
Typography
Typography is a fundamental element of the Mocha theme. The font choices, sizes, and styles work together to create a distinctive visual hierarchy and reading experience.
Bold, impactful headings for maximum visual impact.
- Font
- Space Grotesk
- Weight
- 900
- Size
- 4.5rem
- Line height
- 1
- Tracking
- -0.02em
Section headers with distinctive character.
- Font
- Space Grotesk
- Weight
- 700
- Size
- 2rem
- Line height
- 1.15
- Tracking
- -0.01em
Clean, readable text for content.
- Font
- Inter
- Weight
- 400
- Size
- 1rem
- Line height
- 1.6
- Tracking
- 0.01em
Monospaced text for code and metadata.
- Font
- Roboto Mono
- Weight
- 500
- Size
- 0.875rem
- Line height
- 1.5
- Tracking
- 0
Components
A small library of common UI components rendered with Mocha’s tokens — buttons, form fields, cards, badges. Drop-in preview of how your interface would feel.
Real-world Previews
See what Mocha looks like on real product surfaces. Each preview is rendered entirely with this theme’s design tokens — swap themes and the same layouts re-skin automatically.
Good morning, Dehlya
- MMaya R. shipped a new release2m ago
- KKenji resolved 4 bug reports12m ago
- LLéa closed the Q2 retro1h ago
- OOmar flagged the auth middleware3h ago
| Project | Status | Progress | Due |
|---|---|---|---|
| Auth rewrite | active | 82% | Apr 22 |
| Billing v2 | active | 45% | May 03 |
| Onboarding revamp | review | 95% | Tomorrow |
| Search relevance | planning | 20% | May 10 |