Art & design movements · Late 1960s

Psychedelic

Colour vibration, melting letterforms, and spiralling optical illusions in service of the counterculture and its music.

Compare

Live preview base style — press Wear

This month

$2,100

Revenue, up 12% from last month.

Stay in the loop

One email a month. No spam.
CustomerPlanStatusMRR
NorthwindStudioActive$1,240
Acme LabsTeamTrial$0
Kaldi CoffeeStudioActive$860

Create project

Use this style 16 tokens

  • --bg oklch(28% 0.2 290)
  • --fg oklch(92% 0.16 92)
  • --muted oklch(80% 0.12 80)
  • --surface oklch(36% 0.22 310)
  • --surface-2 oklch(42% 0.24 320)
  • --border oklch(65% 0.24 145)
  • --accent oklch(72% 0.22 50)
  • --accent-fg oklch(22% 0.16 290)
  • --focus oklch(72% 0.22 50)
TokenValue
--font-bodysystem-ui, sans-serif
--font-display'Monoton', cursive
--font-mono'Courier New', monospace
--radius0px
--radius-sm0px
--shadow0 0 12px oklch(65% 0.24 145 / 0.5)
--shadow-lg0 0 32px oklch(65% 0.24 145 / 0.65)
@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');

:root {
	--bg: oklch(28% 0.2 290);
	--fg: oklch(92% 0.16 92);
	--muted: oklch(80% 0.12 80);
	--surface: oklch(36% 0.22 310);
	--surface-2: oklch(42% 0.24 320);
	--border: oklch(65% 0.24 145);
	--accent: oklch(72% 0.22 50);
	--accent-fg: oklch(22% 0.16 290);
	--focus: oklch(72% 0.22 50);
	--font-body: system-ui, sans-serif;
	--font-display: 'Monoton', cursive;
	--font-mono: 'Courier New', monospace;
	--radius: 0px;
	--radius-sm: 0px;
	--shadow: 0 0 12px oklch(65% 0.24 145 / 0.5);
	--shadow-lg: 0 0 32px oklch(65% 0.24 145 / 0.65);
}

Where it came from

Origin: San Francisco, USA — the Haight-Ashbury concert poster scene

The San Francisco psychedelic poster style emerged in the mid-1960s to advertise shows at the Fillmore and Avalon Ballroom. Designers including Wes Wilson and Victor Moscoso used vibrating colour — complementary pairs at full saturation — and letterforms that flow and melt. Moscoso deliberately chose colour combinations that made reading uncomfortable; the effort to decode the poster was part of the experience. The style is inseparable from the LSD counterculture it served.

How to spot it

  • Vibrating complementary colour pairs — red–green, orange–blue — at full saturation
  • Letterforms that curve, melt, swell or spiral
  • Concentric or spiralling border patterns
  • Optically challenging colour choices that reward prolonged looking

Trade-offs

StrengthsWeaknesses
Maximum visual impact — impossible to ignoreIntentionally hard to read — hostile to utility
Strong counterculture and music festival associationsVibrating complementary colours fail contrast requirements widely
Immediately places content in the late-1960s counterculture eraVery narrow cultural register: 1960s–70s Western counterculture

In the wild

  • Wes Wilson Fillmore Auditorium posters
  • Victor Moscoso Avalon Ballroom series
  • Jefferson Airplane and Grateful Dead concert poster art

Use it when

Music festivals, counterculture brands, or a single impact moment — never for anything that requires reading.

Related styles

↑↓ move ↵ apply esc close