back to palettes
Color lane

Soft Memory Trust Ramps

Accessible soft futurism grounded in family-memory warmth: lavender and gentle blue feel fresh to younger users, while clay, cocoa, chalk, and butter keep the system trustworthy for older users.

Signature · the star
primary accentDigital lavender signal · #7167b8
Mineral green utility · #6f8e82
Warm clay memory · #b9765c
Faded denim trust · #5e7898
Neutrals · the ground
bg
#f5f1e8
surface
#fbf8f1
text
#26262a
muted
#6e6b65
border
#d8d1c4
Semantic · functional accessory
success
warning
error
info
Ramps
accent
neutral
Download .css
Do
  • · Lead with chalk and warm paper surfaces so lavender reads as a precise future signal, not decoration.
  • · Use graphite text on chalk, butter-50, and silver-50 surfaces for AA/AAA-level reading comfort.
  • · Use denim and mineral for durable navigation, filters, device states, and practical product affordances.
  • · Use clay and cocoa in family archive, care history, billing memory, or handoff moments to create intergenerational warmth.
  • · Reserve coral and gentle electric blue for identity signals, selected states, and small chart highlights.
Don't
  • · Do not flood screens with lavender; it should be the primary action/accent, not the whole room.
  • · Do not place muted text on butter or chalk for body copy; use graphite for text-heavy UI.
  • · Avoid cyberpunk black fields, harsh neon glows, and blue-violet gradients without warm grounding.
  • · Avoid millennial-pink substitutions; clay/coral must stay earthy and functional.
  • · Do not use light silver on chalk as a boundary unless supported by the neutral border token.
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