Tokyo Night Storm

Softer "storm" variant of Tokyo Night with a slightly lighter, blue-tinted background. Easier on the eyes than the canonical "night" flavor while retaining the same accent system.

20 swatches 16 light roles 16 dark roles dev-themedarkmoderntokyo-nightstorm

Swatches

bg
#24283B
bg-dark
#1F2335
bg-highlight
#292E42
bg-visual
#2E3C64
fg
#C0CAF5
fg-dark
#A9B1D6
fg-gutter
#3B4261
comment
#565F89
blue
#7AA2F7
blue1
#2AC3DE
blue2
#0DB9D7
cyan
#7DCFFF
magenta
#BB9AF7
purple
#9D7CD8
orange
#FF9E64
yellow
#E0AF68
green
#9ECE6A
green1
#73DACA
red
#F7768E
red1
#DB4B4B

Mode role mappings

Light mode (16 roles)

accent → magenta
annotation → orange
background → fg
error → red1
info → blue1
primary → blue
primary-hover → blue2
secondary-accent → green1
special → purple
success → green
surface → fg-dark
surface-elevated → fg
text-primary → bg
text-secondary → bg-highlight
text-tertiary → comment
warning → yellow

Dark mode (16 roles)

accent → magenta
annotation → orange
background → bg
error → red
info → blue1
primary → blue
primary-hover → cyan
secondary-accent → green1
special → purple
success → green
surface → bg-dark
surface-elevated → bg-highlight
text-primary → fg
text-secondary → fg-dark
text-tertiary → comment
warning → yellow

Provenance

Source
https://github.com/folke/tokyonight.nvim/blob/main/lua/tokyonight/colors/storm.lua
License
Apache-2.0
Attribution
Tokyo Night by Folke Lemaitre and contributors (folke/tokyonight.nvim)
Imported
2026-05-17