Brand color

Fly.io Primary

#7c3aed

hex#7c3aed

rgbrgb(124, 58, 237)

hslhsl(262, 83%, 58%)

oklchoklch(0.541 0.247 293)

From Fly.io brand colorsRelative luminance 0.1343

Cool Vivid Technical Modern

Open in palette tool Check contrast

Fly.io Primary on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 2 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

894eef 9560f0 a273f2 ae86f4 ba98f5 c7abf7 d3bef9 e0d0fb ece3fc f9f6fe

Shades — toward black

6d24eb 5d14db 5312c4 4710a8 3e0d91 340b79 28095d 1e0746 12042a 080213

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

7c3aed aced3b

#aced3b

Analogous

Open in tool →

7c3aed 3b53ed d53bed

#3b53ed · #d53bed

Triadic

Open in tool →

7c3aed ed7c3b 3bed7c

#ed7c3b · #3bed7c

Split-complementary

Open in tool →

7c3aed edd53b 53ed3b

#edd53b · #53ed3b

Tetradic

Open in tool →

7c3aed ed3b53 aced3b 3bedd5

#ed3b53 · #aced3b · #3bedd5

Contrast

Fly.io Primary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	5.7:1	pass	pass	fail	AAA: use #6a1fea as the text (7.01:1)
Aaon black	3.69:1	fail	pass	fail	AA: use #8c52ef as the text (4.57:1) AAA: use #ab81f3 as the text (7.17:1) AA: or shift the background to #e6e6e6 (4.57:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Fly.io Primary as the background.

Brands using this color

Palettes built around it

7c3aed 0a0a0a 06b6d4 ffffff

Circuit

Open in tool →

Violet plus cyan is the current AI-product signal — pair it with pure black type to keep it from going candy.

Technical Vivid Bold

Fonts for this mood

Fly.io Primary reads as cool, vivid, technical. The font library is tagged with the same vocabulary:

Technical fonts →Modern fonts →

mcpConnect your agent — build around Fly.io Primary

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

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

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

try this prompt

›analyze #7c3aed and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/7c3aed-af9cc4-dfce4e-2a1f2d-e9eaf1?lock=0&style=vibrant

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

Machine-readable: color.md