Brand

Color Theory for AgenticNFT

Both ChatGPT and Grok agree: yes. Teal is the right signature. Yellow and orange already belong to Ethscriptions and Ordinals. Teal sits across the wheel from both, and it reads as a network rather than a collectible flare. Midnight navy holds the long pages. Coral is only the acquire action, because white text on that orange fails contrast, so the label is navy.

The site now uses that palette.

• Navy #0B1220
• Teal #00D6C9
• Coral #FF7A4A

• The field is midnight navy #0B1220, with off-white body text.
• Teal #00D6C9 is used for links, kickers, and the main buttons. Navy text sits on those buttons.
• Coral #FF7A4A is used only for Acquire this domain.
• The Loopers for Dummies page stays yellow, and the Spaceship button stays white so its logo still reads.

Teal on navy contrast logic

Contrast is a brightness ratio, not a hue difference. Teal and navy sit far apart on the color wheel, but the readable pair is the bright teal against the near-black navy.

WCAG measures that as relative luminance. A normal-size link needs at least 4.5:1. Large text and button shapes need 3:1.

Teal works on navy because most of its light is in the green channel (D6), while navy #0B1220 is almost black. The gap between those two brightnesses is about ten to one.

The trap is putting light text on the teal or the coral. Both colors are already bright, so white type on them drops under 3:1. The button labels are navy for that reason.

Long paragraphs stay off-white rather than teal. Teal is the identifier for links, labels, and buttons. A full page of teal type would pass the ratio and still be harder to read.

Coral accent logic

Coral is the warm exception in a cool palette. Teal and navy carry the site. Coral #FF7A4A is used only on a specific callout or a call to action, so the one sales action is the thing that stands out.

On the color wheel, coral sits near orange, opposite teal. A cool field plus one warm control is a standard way to mark “do this” without turning the whole site yellow or orange. Ethscriptions already own bright yellow and Ordinals already own orange, so this coral stays a small action color rather than the brand color.

The same brightness rule decides the label:

Coral is a light color. White type on it is two lights, so the letters disappear. Navy type on it clears the 4.5:1 bar for normal text.

It is not used for links or paragraphs. If coral showed up as often as teal, the acquire button would stop being the exception, and the site would start to look like the orange category it is trying not to copy.

WCAG

WCAG is the Web Content Accessibility Guidelines, published by the W3C. It is the usual checklist for whether text and controls can be seen and used. The levels are A, AA, and AAA. AA is the level most sites aim for. AAA is stricter.

Two contrast rules decide the colors on this site:

• Text, AA (1.4.3). Normal text needs 4.5:1. Large text needs 3:1. Large means about 24px, or about 19px when it is bold.
• Text, AAA (1.4.6). Normal text needs 7:1. Large text needs 4.5:1.
• Buttons and icons, AA (1.4.11). The control itself needs 3:1 against the color behind it. A teal button on navy clears that. A coral button on navy does too.

White on teal also fails the easier 3:1 bar for large text. Making the letters bigger would not fix that pair. Navy letters are the fix.

These ratios cover the palette. They are not a full WCAG audit of every page. A full check would also look at keyboard use, focus outlines, form labels, and text that sits on photographs.

Contrast checker

Check a pair. The number uses the same WCAG brightness formula as the tables above.

Source: WCAG 2.2 contrast · Non-text contrast