back to palettes
Color lane

Sunlit Platform Notebook

A polished everyday nostalgia system: cream kitchen light, school-paper blue, platform denim, lawn green, cherry snapshot accents, and just enough arcade cyan-violet energy without fake fading or brown wash.

Signature · the star
primary accentClean denim blue · #2f63a3
Butter-hour amber · #f0b94f
Summer lawn green · #4f8e4b
Snapshot cherry coral · #d95f63
Neutrals · the ground
bg
#f8f1dc
surface
#fffbef
text
#172033
muted
#667085
border
#d9ceb2
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
Do
  • · Use luminous creams as the majority field; let clean denim blue be the primary action and navigation accent.
  • · Pair amber with cream for late-afternoon warmth, but keep ink blue text nearby to prevent brown wash.
  • · Use lawn green and coral as selective memory-scene punctuation: status chips, small chart series, family-snapshot highlights.
  • · For arcade or cinema moments, introduce cyan-violet only as a secondary glow or gradient stop, not as the whole surface.
  • · Keep text on bg and surface AA+; use dark ink on amber/coral fills when white would fail.
Don't
  • · Do not apply sepia overlays, fake faded filters, or beige-on-brown combinations.
  • · Do not make coral, amber, green, and violet all compete at full area; one saturated accent per scene.
  • · Do not use muted on cream for body copy; reserve muted for metadata and noncritical labels.
  • · Do not darken the cream ground into coffee or kraft-paper brown.
try it

remix with this palette

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

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