back to palettes
Color lane

Album Transit Fruit Market Katagami

Aged album cream and book-cover ink carry Katagami restraint; apple, persimmon, pool blue, and plum arrive like small fruit-market and transit-map signals.

Signature · the star
primary accentTransit indigo · #31547a
Fresh apple sign · #79a63b
Persimmon ticket · #c96f32
Gloss plum stamp · #633662
Neutrals · the ground
bg
#f3e8d4
surface
#fbf6ea
text
#25231f
muted
#7b7468
border
#d8cdb8
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .csspalette-systemkatagamijapanese-stencil-dyeingindigo-heritagefamily-photo-album
Do
  • · Let cream, ink, aged-paper border, and transit indigo occupy most of the interface; accents should feel like labels, stamps, route lines, and fruit-market price cards.
  • · Use apple and persimmon in small flat bands for youth-facing calls to action, badges, and editorial dividers.
  • · Use plum as a glossy punctuation color for selected/active states, stamps, and premium moments rather than large backgrounds.
  • · Pair Katagami pattern fields as low-contrast indigo-on-cream or cream-on-indigo blocks so craft texture supports hierarchy without becoming decoration.
  • · For print and museum-poster applications, favor two-accent compositions: indigo plus one fruit color.
Don't
  • · Do not use all accents at full strength in one hero area; it turns into loud retro parody.
  • · Do not reduce the system to beige nostalgia; every page needs one precise civic or market signal color.
  • · Do not place muted text on bg for body copy; reserve muted for labels and metadata at larger sizes.
  • · Avoid pure black, pure white, neon primaries, rainbow gradients, and generic corporate blue substitutions.
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