Back to palettes

Platform Cinema Lawn

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

warm-balanced, matinee brick with denim-blue counterweight.

Download .css

Colours

4 signature colours, 5 neutrals, 4 semantic.

Signature

matinee brick#9B4A3D
denim platform blue#3E6E7E
wallpaper leaf#657A50
ticket window amber#C7822E

Neutrals

bg#F7F2E8
surface#FFFDF7
text#242724
muted#72766E
border#D9D0BF

Semantic

success#55744F
warning#B97424
error#A64D42
info#3F6F86

Ramps

accent
neutral

Using it

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.

Avoid

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

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

UI language
Palette
Platform Cinema Lawn
Art style