muowl
PTEN
Dark theme · Original palette · v0.3.1

Cinder

charcoal, embers and room to think

Warm charcoal, coral and antique gold. A design language for code, with neutral variables and colours that give structure to reading.

01 / IN THE EDITOR

Keep the warmth. Clear the noise.

Warm charcoal backgrounds, neutral variables and colour where it helps you read: coral keywords, golden functions and patina strings.

For VS Code and Cursor’s Editor Window. Dedicated tokens for chat, suggestions and code review, too.

cinder / studio.tsTS
// A little warmth. Room to think.

type Workspace = {
  name: string;
  light: number;
};

export function createSpace() {
  const studio: Workspace = {
    name: 'Cinder',
    light: 0.3,
  };

  return studio;
}
CinderSyntax study · illustrative preview
02 / THE PALETTE

The raw materials, in plain sight.

Char#1A1817
Coal#221F1C
Parchment#EAE4DB
Ember#E26A38
Coral#EC8F68
Antique Gold#DFBC59
Patina#7DB5A0
Steel#92A9C2
Heather#BE97B8
Linen#A69E93
03 / READABILITY

Contrast in context.

Ratios calculated from the tokens against Char. Selections, overlays and editor rendering can change the result.

Primary text
14.00:1
Comments
6.68:1

← All themes