Choosing a Color Scheme for Your Link in Bio Page

A good link in bio color scheme needs only three colours: one for the background, one for your text and one for your main button. Add anything more, and you risk your button no longer standing out, which is the thing colour is there to do on a page like this. You don’t need a brand designer. You need enough contrast and a little restraint.

A three-colour system

You can add a fourth for quieter elements, like secondary text or card surfaces, usually as a lighter or darker version of the others. BioFlow’s Brand colours settings follow this logic, with separate controls for background, card or surface, text, secondary, button and button text colours.

Start with a theme if you’d prefer not to start from scratch, then change one or two colours. See choosing a theme for more.

Pulling colours from your brand

If you already have a logo or brand colours, begin with those. If you don’t, there are other places to look:

• Your logo. Use its strongest colour for buttons.
• Your product. A skincare brand might pick up its packaging. A bakery might echo its icing.
• Your best photos. Look at the colours that recur in your work or your feed.
• Your physical space. A café’s paint and signage can carry onto its page.

Then keep only what you need. A logo with five colours doesn’t mean your page needs five colours.

Should it match your Instagram?

Your page should feel related to your profile, not identical to it. Using the same photo, the same name and one recurring colour is usually enough. A feed full of pale pastels might look lovely, but pale buttons on a pale background won’t be easy to find. Readability wins here.

Button colour above all

Your button colour is the most important decision here. You can test it quickly by blurring your eyes or stepping back from your phone. Whatever stands out most should be your main action.

Things to check:

• Does the button contrast with the background? A mid-blue button on a mid-grey page disappears.
• Is the button’s text readable? White on pale yellow isn’t.
• Does it look tappable? A solid fill usually looks more like a button than a faint outline.
• Are all buttons competing? If you can make one stand out, do so. It helps visitors see the main choice.

There’s no magic button colour. You’ll find claims that red or orange always converts best, but what matters more is that it stands out from everything around it.

Gradients: when they help

Gradients can give a page some life, especially if you don’t have strong photos. BioFlow allows gradient backgrounds, and several themes use them.

They help when:

• They’re subtle, with colours that are close to each other.
• They’re behind cards, so text sits on a solid surface.
• They match the mood of your brand.

They cause problems when:

• Text sits directly on a strong gradient, so contrast changes from top to bottom.
• Several bright colours compete with your button.
• They make it hard to check contrast. BioFlow’s own hint notes that solid colours are better for contrast checks.

If you do use a gradient, check your text at its lightest and its darkest points. Colourful ideas are fine, but they should never make your page harder to read.

Checking contrast

Contrast is the one part of colour that can be measured.

The W3C’s WCAG 2.2 asks for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. It also asks for 3:1 for the visual parts needed to identify buttons and other interface components. Free online contrast checkers can test any pair of colours.

Check the specific colours you’re using, not just a rough category. BioFlow’s appearance settings include a contrast check that warns you about possible problems. It only gives warnings, and it doesn’t change your colours, so the final decision is yours. Our guide to accessible pages goes into more detail.

Finally, test in the real world. Take your phone outside, lower its brightness, and see whether you can still read everything.

Dark or light background

Neither is better in general. It depends on your brand and your content.

A dark page isn’t automatically more readable, and neither is a light one. What matters is your contrast. If you’re considering a dark page because “dark mode” is popular, remember that your page’s design generally stays the same, whatever setting your visitor has chosen on their phone. Choose for your brand, then test it.

If you’re picking fonts at the same time, see choosing fonts, and the wider design best practices put all of this in context. You can also look at how creators use CommentLink.

FAQ

What colour should my buttons be?

Use a colour that stands out clearly from your background, usually your strongest brand colour. There isn’t a universally best colour, despite what you may read. Check that the button’s text is readable against it, and make sure your most important action is the most noticeable thing on the page.

Should it match my Instagram feed?

It should feel related, not identical. Use the same photo and name, and borrow one or two colours. Your feed and your page do different jobs, so don’t sacrifice readability for a perfect match. If your feed’s pale tones make buttons hard to see, choose a stronger colour for them.

Is dark mode better?

Not automatically. A dark background can suit music, photography and premium brands, but it needs care with thin or grey text. A light background is a safe choice for most businesses. Choose based on your brand and content, then test the contrast on a real phone outdoors and at low brightness.

Set three colours today

Pick your background, your text and your button colour, and check the contrast. If your main button is the first thing you notice when you squint at your screen, you’re most of the way there. You can set your colours in BioFlow under appearance settings.