Phantom. Lavender dreamscape with a violet ghost.
- Crypto
- Mixed theme
- 12 colors
- 1 typeface
Phantom uses a whisper-thin custom typeface (Phantom, weight 350/400) and a dual-violet color world to make a crypto wallet feel like a friendly product, not a trading terminal. The page alternates between pale lavender surfaces and deep midnight-violet sections, with the brand ghost mascot acting as the only character in the system. Every interactive element is aggressively rounded — pills at 100px, large buttons at 32px, hero panels at 24px — giving the entire interface a soft, inflated quality. The signature shadow is not gray but brand-tinted violet (#e2dffe at 0px 0px 4px), making even small elevations feel on-brand. Type is set tight (-0.025em) and large, with display lines at 80–96px that read as quiet rather than loud because of the low weight.
Phantom design system
Brand3
Dark section backgrounds, primary text on light surfaces, nav text — the deep brand violet anchors identity and gives the dark hero/sections their weight
Brand-tinted shadow, soft accent washes, subtle elevation glow — replaces neutral gray shadows so elevation stays on-brand
Violet supporting accent for decorative details and low-frequency emphasis. Do not promote it to the primary CTA color
Accent4
Rare accent for highlighted CTAs or featured buttons — a brighter blue-violet used sparingly for emphasis
Decorative pastel surface — soft yellow wash for feature cards or playful callouts against the violet system
Decorative pastel surface — pale pink wash for feature cards or playful callouts within the light sections
Green supporting accent for decorative details and low-frequency emphasis. Use as a supporting accent, not as a status color
Neutrals5
Primary text on light surfaces, text on cream/blush accents — the dark reading color
Muted helper text, secondary icons, inactive nav items — mid-gray for de-emphasized content
Tertiary surface, hairline borders, disabled states — barely-there gray for structural separation
Secondary light surface, subtle panel backgrounds, light section fills — a warm-tinted off-white for elevation
Page canvas, light card surfaces, button text on dark — the near-white base that everything sits on
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Cloud Canvas on Midnight Violet
11.52 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
