back to palettes
Color lane

Platform Cinema Lawn

Late-afternoon kitchen warmth, old-cinema red, train-platform denim, and summer-lawn green held by crisp cream neutrals.

Signature · the star
primary accentmatinee brick · #9b4a3d
denim platform blue · #3e6e7e
wallpaper leaf · #657a50
ticket-window amber · #c7822e
Neutrals · the ground
bg
#f7f2e8
surface
#fffdf7
text
#242724
muted
#72766e
border
#d9d0bf
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
Do
  • · Use #FFFDF7 surface over #F7F2E8 bg for crisp contemporary UI instead of aged-paper wash.
  • · Let matinee brick carry the primary CTA; use denim for focus, selected navigation, or secondary data emphasis.
  • · Use wallpaper leaf and ticket amber selectively for botanical, lawn, notebook-tab, and chart moments.
  • · Keep most screens neutral: 70 percent cream/charcoal, 20 percent border/muted structure, 10 percent saturated accents.
  • · Pair text on surface and text on bg for AA+ body copy; use white or deep neutral text over accent fills depending on ramp step.
Don't
  • · Do not add fake film grain, brown filters, low-contrast beige text, or blanket sepia to make it nostalgic.
  • · Do not use all four signature colors at full saturation in one small component cluster.
  • · Do not treat semantic success/warning/error/info as the identity palette; they remain functional accessories.
  • · Avoid novelty retro references such as neon outlines, diner checkerboards, or arcade rainbow gradients unless highly restrained.
try it

remix with this palette

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

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