Back to palettes

Tomato Marquee Lawn

Everyday cinematic nostalgia: kitchen tomato, cinema marquee, notebook blue, summer-lawn green, held on crisp cream neutrals rather than sepia.

warm-crisp, tomato red with lawn green and denim blue supports.

Download .css

Colours

4 signature colours, 5 neutrals, 4 semantic.

Signature

Tomato marquee#B44534
Summer lawn ledger#607A4E
Denim timetable#406E8E
Butter ticket amber#D59A32

Neutrals

bg#F7F2E8
surface#FFFDF7
text#24292D
muted#6D6F68
border#D9D2C3

Semantic

success#607A4E
warning#B97818
error#9E3B31
info#406E8E

Ramps

accent
neutral

retro-modern, cross-generational, cinematic-everyday-nostalgia, controlled-desaturation, warm-anchors, crisp-neutrals, tomato-red, denim-blue

Using it

Do

  • Lead with Tomato Marquee as the one primary action or active state; let neutrals carry most surface area.
  • Use Lawn and Denim as restrained secondary system colors for charts, tabs, tags, and proof-scene accents.
  • Pair #24292D text on #FFFDF7 surface and #F7F2E8 background for AA+ reading contrast.
  • Use cream and warm gray neutrals for kitchen light and notebook paper references without simulating stains or age.
  • Let amber appear in small badges, warning states, tickets, and warm dividers rather than broad sepia panels.

Avoid

  • Do not wash the whole interface in brown, beige overlays, grain, or fake vintage filters.
  • Do not use all four signature colors at equal saturation in one viewport; the palette becomes novelty retro.
  • Do not set body copy in muted on bg; reserve muted for metadata, captions, and chart labels at larger sizes.
  • Do not use pure black or pure white; the crisp off-black and cream are deliberate anchors.
  • Do not let semantic red/green/yellow replace hierarchy; status color is functional, not the identity.

Try a remix

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

UI language
Palette
Tomato Marquee Lawn
Art style