Theme Forge

Choose a color direction. Keep the balance.

Forge turns the whole HearthCode palette toward your chosen hue while preserving each role's calibrated lightness, contrast, and separation.

Color direction

Loading engine

hue 120° · saturation 100%

Hue drives the palette. Role lightness stays calibrated, and saturation is kept inside the audited 60–100% range.

audited grid points48
DarkLight
Loading engine

One seed, three doors

Every color you pick above replays the real pipeline here: syntax lanes derive from the seed, interaction constraints solve on screen, and the same tokens ship to all three platforms.

0/ 12 tokens resolved

derive · syntax

comment

keyword

fn

string

number

type

derive · chrome

bg

shellBand

border

solve · interaction

selection

cursor

status

preview.ts

// one seed, three doors

export function ignite(seed: Seed) {

  const lanes = derive(seed, 0.62)

  return ship(lanes, ["vscode", "web", "obsidian"])

}

hearth · forgeCONTRACT OK

vscode0

web0

obsidian0

Waiting for the first build…