back to palettes
Color lane

Album Transit Fruit Market Katagami

A softer Polished Pop Heritage palette: family-album cream and ink over a Katagami indigo base, with selective fruit-market and transit-map accents that stay flat, legible, and print-friendly.

Signature · the star
primary accentAlbum apple green · #4f7d32
Persimmon stall print · #b76332
Transit pool blue · #2f6e8a
Gloss plum cover · #733a59
Neutrals · the ground
bg
#f2e8d2
surface
#fbf5e8
text
#242723
muted
#746f65
border
#cfc2a8
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
Do
  • · Use aged cream as the dominant ground and ink as the default text color; most screens should feel like a handled book page or photo-album mount, not beige minimalism.
  • · Let apple green be the primary action and freshness cue; hold persimmon, pool blue, and plum to small bands, badges, chart series, route lines, and cover-spine moments.
  • · Pair indigo and pool blue with cream for transit-map legibility; use straight flat fields and crisp boundaries rather than gradients for primary hierarchy.
  • · For Katagami pattern fills, keep stencil motifs one or two tones away from the ground: neutral.100 on bg, indigo.50 on surface, or accent.50 behind dense content.
  • · Use plum as a glossy editorial accent in thumbnail-size doses—book-cover tabs, selected filters, or fashion-caption marks.
Don't
  • · Do not make all four accents equally loud; this becomes retro rainbow instead of polished heritage.
  • · Do not set body copy in muted on cream or surface; muted is for metadata, captions, map legends, and disabled supporting text only.
  • · Do not use pure black, pure white, neon transit colors, or plastic gradients; preserve the printed-paper softness.
  • · Do not let nostalgia collapse into beige-only layouts; at least one fresh accent should appear in interactive or wayfinding moments.
  • · Do not overprint dense Katagami patterns behind small text.
try it

remix with this palette

Drop Album Transit Fruit Market Katagami onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Album Transit Fruit Market Katagami
Art style
Landing Page
no composition
live preview · recolored + filled