Color schemes set the accent color, link color, and heading color for your published site. They apply on top of whatever theme and content focus you've picked, so you can mix and match all three freely. Switching is non-destructive and instant.
Picking a scheme
On the web, open Dashboard → Website builder and use the Color scheme card. On iOS, open Site Settings → Color scheme. Both surfaces also offer a Custom picker where you can set primary, accent, and background colors directly.
What each scheme controls
- Accent — link color, button fill, badge backgrounds.
- Heading color — used for H1 and H2 across themes.
- Hover and active states — derived automatically from the accent.
Backgrounds, body text, card borders, and dark-mode handling are theme-controlled, not color-scheme-controlled. So you can re-color any theme without losing its editorial feel.
Dark mode
Every color scheme has a dark-mode variant tuned for legibility. Visitors who use a dark-mode browser will see your site in dark mode automatically; you don't need to configure anything.
Matching your institution's brand
For most universities, one of the built-in schemes will be close enough. If you need an exact brand color match, custom color values aren't currently supported via the UI. Email us with the hex codes — we'll add a custom scheme to your account.