back to palettes
Color lane

Soft Memory Trust Ramps

Accessible soft-future ramps: silver-lavender identity on chalky utility grounds, with denim/mineral trust and clay/cocoa memory warmth.

Signature · the star
primary accentDigital lavender trust · #6f66a8
Mineral green utility · #5f7d73
Warm clay memory · #b86f56
Gentle electric blue · #3e7fb7
Neutrals · the ground
bg
#f3f0e6
surface
#fffdf6
text
#262833
muted
#716f76
border
#d8d3c6
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
Do
  • · Use chalk, silver, and graphite as the visible majority so the future accents feel calm rather than novelty-driven.
  • · Reserve digital lavender for one primary action, active navigation state, or hero metric per view.
  • · Use denim and mineral for practical wayfinding: links, informational chips, success states, chart support, and service utility.
  • · Use clay and cocoa for memory-bearing product scenes such as family notes, archive cards, food/home cues, and elder-care context.
  • · Pair body text with surface or bg only at AA+ contrast; use text on accent only for large labels or with a darkened accent step.
Don't
  • · Do not flood full screens with lavender or blue gradients; the system becomes cyber-future instead of trusted memory future.
  • · Do not use butter yellow or muted coral for small body text on chalk.
  • · Do not combine all identity signals in one component; choose lavender OR denim OR coral as the signal, then let neutrals carry the rest.
  • · Avoid pure #000/#fff, harsh neon glow, millennial-pink dominance, and low-contrast beige-on-butter combinations.
try it

remix with this palette

Drop Soft Memory Trust Ramps onto any UI language and swap the art style — the preview recolors live.

UI language
Palette · fixed
Soft Memory Trust Ramps
Art style
Landing Page
no composition
live preview · recolored + filled