back to palettes
Color lane

Sunlit Notebook Cinema

Polished everyday nostalgia: late-afternoon kitchen cream, school-paper blue, denim jackets, cinema seats, summer lawn, and a small arcade glow—luminous without brown wash.

Signature · the star
primary accentDenim matinee blue · #2f65a7
Cherry counter coral · #e65e57
Summer lawn green · #5e8f45
Arcade violet · #8a5fd0
Neutrals · the ground
bg
#f7f0dc
surface
#fff9ea
text
#17202b
muted
#66727e
border
#d8cbaa
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
Do
  • · Lead with Denim matinee blue for primary actions, focus rings, links, and selected states.
  • · Use cream bg/surface as the dominant memory-paper ground; keep most UI quiet and well lit.
  • · Use coral as a human photographic accent for badges, small highlights, or destructive confirmations—not as a second primary.
  • · Use leaf green for positive states and botanical/summer-lawn moments; pair with cream or ink neutrals.
  • · Reserve violet/cyan for arcade glow, charts, or transient emphasis so nostalgia stays cross-generational.
  • · Keep body text ink on cream; use muted only for metadata at larger sizes or with surface separation.
Don't
  • · No brown wash, fake vintage filters, nicotine sepia, or globally faded overlays.
  • · Do not use coral, butter, and violet at full strength in the same dense component.
  • · Do not put muted text on butter/coral for body copy; use ink or deep ramp steps.
  • · Avoid novelty retro motifs such as checkerboard overload, faux neon everywhere, or distressed print textures.
  • · Do not lower contrast to simulate age; nostalgia comes from color relationships and proof scenes, not illegibility.
try it

remix with this palette

Drop Sunlit Notebook Cinema onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Sunlit Notebook Cinema
Art style
Landing Page
no composition
live preview · recolored + filled