Back to palettes

Nocturne Lantern

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

cool ground, warm light, lantern amber on midnight indigo.

Download .css

Colours

4 signature colours, 5 neutrals, 4 semantic.

Signature

Lantern Amber#F4A52E
Ember Rose#EC5A72
Moonlit Teal#3FB6A8
Cream Moon#F2E4B8

Neutrals

bg#171633
surface#232251
text#F4ECDA
muted#A6A2D2
border#34336E

Semantic

success#3FB6A8
warning#F4A52E
error#EC5A72
info#6F8FE0

nocturne, midnight-indigo, lantern-amber, warm-on-dark, storybook

Using it

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

Avoid

  • 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 a remix

Drop Nocturne Lantern onto any UI language and swap the art style. The preview recolours live.

UI language
Palette
Nocturne Lantern
Art style