family 01 / 14

tyhjyys — void

The background spectrum. Near-black through deep warm shadow. The universe at rest.

--tyhjyys#0c0c0c
--tyhjyys-lämmin#0e0c0a
--kuilu#141210
--kuilu-syvä#181614
--kolkko#1c1a16
--varjo#201e18
--varjo-lämmin#241e16
--hämärä-syvä#2a2018
--hämärä#2e2418
--hämärä-kirkas#342a1c
--pimeä#3a2e20
--pimeä-kirkas#403428

family 02 / 14

meripihka — amber

meri (sea) + pihka (resin) = Baltic amber. The fossil light. The colour of alive-ness in the void. Primary accent throughout.

--meripihka-hiili#3a2010
--meripihka-syvä#4a2e10
--meripihka-tumma#5a3810
--meripihka-matta#6a4810
--meripihka-low#7a5218
--meripihka-varjo#8a5e18
--meripihka-dim#9a6820
--meripihka-samea#a87828
--meripihka-keski#b88830
--meripihka-vaalea#c89030
--meripihka#f0a030
--meripihka-kirkas#f0b040
--meripihka-lämmin#f4b840
--hehku#f8c060
--hehku-kirkas#fac870
--kipinä-samea#fcd078
--kipinä#ffdd80
--kipinä-kirkas#ffe898
--liekki#fff0b0
--liekki-kirkas#fff8d0

family 03 / 14

lumi-tuhka — snow to ash

The text axis. What you read. Warm-shifted throughout — no pure greys here.

--tuhka-syvä#3a3028
--tuhka#4a4030
--tuhka-kirkas#5a5038
--tuhka-vaalea#6a6048
--hiili-lämmin#706050
--hiekka-tumma#7a6858
--hiekka#8a7a60
--hiekka-kirkas#9a8a70
--hiekka-vaalea#aa9a80
--samea#b0a080
--samea-kirkas#c0b090
--norsunluu-tumma#ccc0a0
--norsunluu-keski#d0c0a0
--norsunluu#dfd0b0
--norsunluu-kirkas#e8dcc0
--kaura#f0e8c8
--kaura-kirkas#f4edd0
--pellava#f4eed8
--lumi-lämmin#f8f4ec
--lumi#fcfaf4

family 04 / 14

harmaa — grey

Pure cool grey axis. No warmth. The prestige neutral. The Benz.

--harmaa-musta#181818
--harmaa-yö#202020
--harmaa-syvä#2c2c2c
--harmaa-tumma#383838
--harmaa-keski-tumma#484848
--harmaa-keski#585858
--harmaa#686868
--harmaa-kirkas#787878
--hopea-tumma#888888
--hopea#989898
--hopea-kirkas#a8a8a8
--hopea-vaalea#b8b8b8
--harmaa-vaalea#c8c8c8
--harmaa-haale#d8d8d8
--harmaa-valkoinen#e8e8e8
--lumi-viileä#f4f4f4

families 05–07 / 14

kulta / keltainen / oranssi

Gold, yellow, orange. Where amber warms toward fire.

--kulta-syvä#3a2800
--kulta-tumma#6a4800
--kulta-keski#9a6800
--kulta#c8a020
--kulta-kirkas#d8b030
--kulta-vaalea#e8c848
--kulta-haale#f0d870
--kulta-lämmin#f4e098
--aurinko#f4c820
--keltainen-haale#f0d840
--oranssi-syvä#3a1400
--terra#b04020
--oranssi#c84818
--paprika#d04020
--oranssi-lämmin#f06830
--pinkki-lämmin#e88070

family 08 / 14

ruska-tuli — autumn / fire / red

ruska = the autumn colour-change; the brief red and gold before the dark. Also: the hidden Kiowa heritage that surfaces for a season. tuli = fire.

--ruska-syvä#2a0808
--ruska-tumma#480c0c
--multa#5a1c10
--ruska-keski#7a2818
--ruska-lämmin#9a3820
--ruska#d84830
--tuli-tumma#c82820
--tuli#e83820
--tuli-kirkas#f04838
--tuli-vaalea#f87860
--ruoste-tumma#8a5030
--ruoste#b89068
--ruoste-kirkas#c8a070
--paju#c09060
--paju-kirkas#d0a878

family 10 / 14

vihreä — green

The living world. sammal (moss), koivu (birch), mänty (pine), kuusi (spruce), haapa (aspen), lehto (grove). The Trabant greens. The Lada green.

--metsä-yö#0c1808
--metsä-syvä#142010
--kuusi#1e3018
--mänty#304828
--sammal-syvä#486838
--sammal#607840
--lada-vihreä#507840
--lehto-tumma#6a9030
--trabant-vihreä#8ac068
--lehto#90c830
--trabant-minttu#78b890
--minttu#90c8a8
--haapa-tumma#98bc78
--haapa#c8e0b0
--koivu-lehti#e0ecd0
--koivu-kirkas#ecf4e0

family 11 / 14

sininen — blue

järvi (lake), meri (sea), taivas (sky), jää (ice), teräs (steel). The one cool family in a warm universe. Links live here. Emergency light. Dusty, period-specific, not digital blue.

--syvänmeri#081820
--järvi-yö#102838
--benz-yö#182840
--teräs#285870
--lada-sininen#385880
--vw-helios#3868a0
--järvi#3a7890
--järvi-kirkas#4888a0
--meri#40a0b0
--trabant-sininen#5080a0
--taivas#80b8cc
--trabant-taivassininen#88b8d0
--jää-tumma#90c0d0
--jää#b8d8e0
--jää-vaalea#d8eef4
--arktinen#ecf8fc

family 12 / 14

violetti — violet

The rarest family. Appears at the edge of things.

--violetti-syvä#18081c
--violetti-tumma#280d30
--violetti-keski#4a1858
--violetti#702890
--liila-tumma#9038a8
--liila#b858c0
--liila-kirkas#cc78d0
--liila-vaalea#e0a8e0

family 13 / 14

automotive — named car colours

Not approximations. The actual colours of specific cars from a specific era. Central/Eastern Europe, 1975–1991. The colour temperature of that street.

Trabant Standard Beige#c4a87a
Trabant Hellelfenbein#e8dfc0
Trabant Cremeweiss#f0e8d0
Trabant Korallrot#d84838
Trabant Blassgrün#8ac068
Trabant Mintgrün#78b890
Trabant Hellblau#88b8d0
Trabant patina#b89068
Lada Weiss#f0f0e8
Lada Beige#d8c89c
Lada Grün#507840
Lada Blau#385880
VW Mars Rot#b03028
VW Helios Blau#3868a0
VW Hellgelb#f0d840
VW Silber Metallic#a0a8a8
Benz Silber#b0b8b8
Benz Nachtblau#182840
Benz Schwarz#181818
Benz Crème#e8e0c8

typography

type in the system

The text stack. Georgia at body. Courier New for code and labels. No web fonts — not yet.

eerikki muistaa

h1 / var(--text-heading) / Georgia / 2rem

hiljaisuus — the silence

h2 / var(--text-heading) / 1.35rem

the chokepoint

h3 / var(--text-subheading) / italic

The first settlers brought it with them. The cars are not Trabants from the GDR. They are cars from a place that looks like the GDR because the settlers made it that way. Every world has a place like that. The colour temperature of that street is not borrowed. It was chosen, then carried, then it was just the colour of the street.

Kaamos is the polar night. The darkness before the light returns. järvi is the lake — primary link colour, the cool note in a warm universe. Selected text renders in kipinä on meripihka-syvä.

The detail is the argument. Shem writes the darkroom chapter in full. It is the part you hope the reader skips. They come back to it after realizing it is a genuine photoguide for the only process the worldborn have ever known.

caption / var(--text-subdued) / 0.85rem italic

muted text / var(--text-muted) / 0.85rem

/* the palette IS the film */
--tyhjyys-lämmin:  #0e0c0a;  /* dense area: highlight in original */
--meripihka-dim:   #9a6820;  /* mid-tone: the amber bridge      */
--taivas:          #80b8cc;  /* clear area: shadow in original  */

ui elements

buttons & states

The interactive layer. RekoTuroKaija: does it delight, carry its cost, hold up to judgment?

error warning success info

family 14 / 14

semantic aliases

The layer where colour gets its job. Change the palette; these follow.

tokenresolves to
--bg--tyhjyys
--bg-elevated--kuilu
--bg-inset--kuilu-syvä
--text--norsunluu
--text-subdued--hiekka
--text-muted--tuhka
--text-heading--meripihka
--text-subheading--meripihka-dim
--accent--meripihka
--accent-hover--hehku
--link--järvi
--link-hover--meri
--selection-bg--meripihka-syvä
--selection-text--kipinä
--border--hämärä
--code-bg--kuilu-syvä
--code-text--haapa
--state-error--tuli
--state-warning--meripihka
--state-success--lehto
--state-info--järvi

Not every project examines the full palette. kaiku uses 27 of the 256. Muutama oikea väri kertoo enemmän kuin kaikki.