Pro's custom color panel looks like a small feature and behaves like a large one. It is the difference between a page that looks like a template and one that looks like it belongs to a specific person.
## What the panel actually controls
There are three settings, and they interact:
- **Accent color.** Used for links, buttons and the small highlights that guide the eye.
- **Surface tint.** The base colour your cards and sections sit on.
- **Contrast mode.** How far the text separates from the surface.
Most people change only the accent and wonder why the result still feels generic. The accent is the loudest control and the least important one.
## Start with the surface, not the accent
The surface decides whether the page feels warm, cool, or neutral before a single word is read. Pick the surface first, at low saturation, then choose an accent that is clearly more saturated than the surface. If both are equally strong, the page reads as noisy and no amount of layout work fixes it.
A practical rule: keep the surface within a few percent of neutral and spend all your colour budget on the accent. One strong colour, used sparingly, outperforms three medium ones used everywhere.
## Contrast is a readability decision, not a taste decision
Contrast mode is where people make the only choice that affects real users. Text that separates well from its surface is easier to read on a phone in daylight. If you drop contrast to make a page feel softer, check it outdoors before you publish. What looks calm on a bright monitor can be unreadable on a phone.
## Three palettes that work
- **Neutral surface, single warm accent.** Reads editorial and calm. Hard to get wrong.
- **Cool grey surface, saturated accent.** Reads technical and precise. Good for portfolios with dense content.
- **Tinted surface, muted accent.** Reads soft and personal. Needs higher contrast mode to stay legible.
Avoid the fourth one: dark surface with a dark accent. It looks moody in the editor and turns into a single grey mass on a smaller screen.
## A ten-minute workflow
1. Pick the surface first and keep saturation low.
2. Choose one accent and use it for links, buttons and nothing else.
3. Set contrast mode, then preview on your phone at full brightness.
4. Walk away for an hour, come back and check whether anything still feels loud.
5. Save the palette, then reuse it across every section so the page reads as one design.
## FAQ
### Do I need Pro for custom colors?
Custom color is a Pro feature. The free tier covers the built-in themes, which are already tuned for contrast, so if you have not tried those first, start there.
### Can I change colors later without breaking my layout?
Yes. Colors are separate from layout, so changing the palette never moves a block. That is deliberate: it means you can restyle the whole page the week before a launch without redoing the structure.
### How many colors should a personal page use?
One accent plus a neutral surface, and let photography or work samples supply everything else. The more your colours compete with your work, the less memorable the work becomes.
## About dynamic-profile.shop
Build your magazine-style personal site with full control over type, spacing and colour. Start at [dynamic-profile.shop](/) — the Pro colour panel is documented on the [pricing page](/pricing), and the free tier is enough to test the layout first.