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.

warm-neutral with cool future accents, digital lavender over chalk, denim, clay, cocoa, butter, and silver.

Download .css

Colours

4 signature colours, 5 neutrals, 4 semantic.

Signature

Digital lavender signal#7167B8

Mineral green utility#6F8E82

Warm clay memory#B9765C

Faded denim trust#5E7898

Neutrals

bg#F5F1E8

surface#FBF8F1

text#26262A

muted#6E6B65

border#D8D1C4

Semantic

success#5F7F68

warning#B68A3D

error#B65F54

info#4F76B8

Ramps

accent

neutral

Using it

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.

Avoid

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 a remix

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

UI language

Palette

Soft Memory Trust Ramps

Art style