back to palettes
Color lane

Tomato Marquee Lawn

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

Signature · the star
primary accentTomato marquee · #b44534
Summer lawn ledger · #607a4e
Denim timetable · #406e8e
Butter ticket amber · #d59a32
Neutrals · the ground
bg
#f7f2e8
surface
#fffdf7
text
#24292d
muted
#6d6f68
border
#d9d2c3
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .cssretro-moderncross-generationalcinematic-everyday-nostalgiacontrolled-desaturationwarm-anchors
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.
Don't
  • · 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 it

remix with this palette

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

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