Guide
Change the Discord embed color on your link
The colored strip on the left of a Discord link preview comes from your page's theme-color meta tag. In a Discord component embed, the same strip is set by the container's accent_color. Tinycord imports your theme color and lets you pick any hex value.
For a normal link preview
Add <meta name="theme-color" content="#5865F2"> to the page head, server-rendered. Discord reads it when it fetches the link.
One value only. Discord does not read the media-query form of theme-color, so a light/dark pair will not switch with the reader's client theme.
For a card with buttons
A component embed sets the strip with accent_color on its container. In Tinycord, open Appearance, then pick a preset or type a hex code. The preview updates as you type.
Pick something with contrast against both Discord themes. The strip sits on #313338 in dark mode and near-white in light mode, so very dark colors vanish for half your readers.
Common questions
- Why is my Discord embed color not changing?
- Discord caches previews. After changing theme-color, share the link with a query string such as ?v=2 to see the new color right away.
- Can the color follow the reader's light or dark theme?
- No. Discord reads a single theme-color value at crawl time. Choose one hex that holds up against both backgrounds.
Try it on your own page
Import a URL, add buttons, and paste the hosted link in Discord.