Brand colors

Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom colors

Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom's 5 brand colors as structured tokens — every role's hex with copy buttons, contrast pairs measured against the brand's own surface, and CSS / DTCG downloads. Ask your agent for a palette inspired by Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom via the colors MCP.

Full brand page →crypto

Source: phantom.app
Extracted: 2 September 2026
Version: 3

primaryac9cf4 secondaryffd600 accentff0037 surfacefffdf8 text111111

Role tokens

primary#ac9cf4 · Pale Indigo
secondary#ffd600 · Gold
accent#ff0037 · Red
surface#fffdf8 · White
text#111111 · Near Black

Open in palette tool Contrast checker

Contrast pairs

Pair	Ratio	AA	AA large	AAA	Fix
Aaprimary on surface	2.34:1	fail	fail	fail	AA: primary → #755aed (4.65:1)
Aasecondary on surface	1.39:1	fail	fail	fail	AA: secondary → #8a7300 (4.56:1)
Aaaccent on surface	3.89:1	fail	pass	fail	AA: accent → #eb0033 (4.51:1)
Aatext on surface	18.58:1	pass	pass	pass	—
Aatext on primary	7.93:1	pass	pass	pass	—
Aatext on secondary	13.37:1	pass	pass	pass	—
Aatext on accent	4.77:1	pass	pass	fail	AAA: accent → #ff708f (7.16:1)

Measured against the brand's own surface where it has one; fixes move lightness only so they stay on-hue.

Download

The same tokens as CSS custom properties, a Tailwind v4 @theme block, and a W3C DTCG color group — or fetch tokens.json / brand.css for the full brand.

css · phantom-com-colors.css

:root {
  --color-primary: #ac9cf4;
  --color-secondary: #ffd600;
  --color-accent: #ff0037;
  --color-surface: #fffdf8;
  --color-text: #111111;
}

tailwind · theme.css

/* Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom — Tailwind v4 theme. Import after "tailwindcss". */
@theme {
  --color-primary: #ac9cf4;
  --color-secondary: #ffd600;
  --color-accent: #ff0037;
  --color-surface: #fffdf8;
  --color-text: #111111;
}

dtcg · phantom-com-colors.tokens.json

{
  "$description": "Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom brand colors",
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#ac9cf4"
    },
    "secondary": {
      "$type": "color",
      "$value": "#ffd600"
    },
    "accent": {
      "$type": "color",
      "$value": "#ff0037"
    },
    "surface": {
      "$type": "color",
      "$value": "#fffdf8"
    },
    "text": {
      "$type": "color",
      "$value": "#111111"
    }
  }
}

Similar brand palettes

Public brands whose primary sits closest on the hue wheel.

Mastodon hosted on mastodon.social5 colors

mcpConnect your agent — riff on Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — direct_palette, edit_direction, check_palette, check_contrast — read-only, no key. Every direction it proposes comes with a /colors/d/… link: open it, lock what you like, paste the link back, and the agent edits rather than re-rolls.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›build a palette inspired by Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom for a crypto startup — keep the feel, change the primary, and give me the /palettes/new link

tool url/palettes/new/ac9cf4-ffd600-ff0037-fffdf8-111111?lock=0

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Phantom: The money app that'll take you placesLogo PhantomLogo PhantomLogo Phantom trademarks and logos belong to their owner. Shown for identification (nominative use); not affiliated or endorsed. Owner of this brand? Request a correction or removal →