back to palettes
Color lane

Nocturne Lantern

Warm light kept in the dark — a midnight ground lit by paper lanterns; optimistic and tactile without going cold or neon.

Signature · the star
primary accentLantern Amber · #f4a52e
Ember Rose · #ec5a72
Moonlit Teal · #3fb6a8
Cream Moon · #f2e4b8
Neutrals · the ground
bg
#171633
surface
#232251
text
#f4ecda
muted
#a6a2d2
border
#34336e
Semantic · functional accessory
success
warning
error
info
Download .cssnocturnemidnight-indigolantern-amberwarm-on-darkstorybook
Do
  • · Use amber as the one primary light; let rose and teal answer like secondary lanterns
  • · Keep neutrals tuned cool to the midnight ground; ink is warm paper-white for contrast
  • · Reserve semantic colours (they reuse the signature hues) for status, never as the visual lead
Don't
  • · Let more than three accents glow at once in a single view
  • · Drop to pure black or wash the ground in a flat neon
  • · Put low-contrast muted text on the darkest night surfaces
try it

remix with this palette

Drop Nocturne Lantern onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Nocturne Lantern
Art style
Landing Page
live preview · recolored + filled