Guide

How to change the Discord embed color for 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.

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.

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.

Try it on your own page

Or browse the examples gallery.

Create a card