Tokyo Night Light

Bright daytime flavor of Tokyo Night — a paper-light background with the same blue/magenta/cyan accent system, tuned for legibility on light surfaces.

20 swatches 16 light roles 16 dark roles dev-themelightmoderntokyo-night

Swatches

bg
#E1E2E7
bg-dark
#D5D6DB
bg-highlight
#C4C8DA
bg-visual
#B7C1E3
fg
#3760BF
fg-dark
#6172B0
fg-gutter
#A8AECB
comment
#848CB5
blue
#2E7DE9
blue1
#188092
blue2
#07879D
cyan
#007197
magenta
#9854F1
purple
#7847BD
orange
#B15C00
yellow
#8C6C3E
green
#587539
green1
#387068
red
#F52A65
red1
#C64343

Mode role mappings

Light 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

Dark mode (16 roles)

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

Provenance

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