Themes, palettes and font pairings
Your site's look is made of a colour scheme and a font pairing. This page lists every choice offered in Site Settings, Theme, so you can compare them before you pick. To change them, see Choose a ready-made theme, Change your colours and Change your fonts.
A site that has never saved a theme uses Plain: the one colour Midnight, with the Plain font pairing (Source Serif 4 for headings and Source Sans 3 for text).
The 15 ready-made themes
A theme is a colour scheme and a font pairing that go together. Picking one sets both, and you can change either afterwards. The site stores the colours and fonts, not the theme's name.
| Theme | Colours | Fonts | Made for |
|---|---|---|---|
| Plain | Midnight (one colour) | Plain | Any choir. White pages and one colour, which you can change to your own. |
| Concert Hall | Evergreen & Gold | Classic | Community and concert choirs. Traditional and warm. |
| Symphonic | Midnight Blue & Brass | Editorial | Symphonic and festival choruses. Formal, with weight. |
| Chamber | Ink & Silver | Elegant | Chamber choirs and early music. Quiet and refined. |
| Cathedral | Stone & Candlelight | Liturgical | Cathedral and church choirs. Stone, candlelight and carved lettering. |
| Parish | Burgundy & Champagne | Friendly | Parish and chapel choirs. Rich, welcoming, easy to read. |
| Gospel | Royal Purple & Gold | Bold | Gospel choirs. Royal purple, gold and a confident voice. |
| Spotlight | Neon Night | Bold | Pop and rock choirs. Dark, loud and modern. |
| Showtime | Curtain Red & Spotlight | Poster | Show choirs and musical theatre. Curtain red and poster lettering. |
| Studio | Slate & Copper | Modern | Contemporary a cappella and vocal ensembles. Clean and understated. |
| Barbershop | Candy Stripe | Vintage | Barbershop choruses and quartets. Candy stripes and a vintage slab. |
| Hearth | Terracotta & Sage | Friendly | Folk, world and community singing groups. Earthy and relaxed. |
| Playground | Sky Blue & Sunshine | Playful | Children's choirs. Bright, round and cheerful. |
| Schoolyard | Meadow & Buttercup | Bubbly | School and training choirs. Fresh green and friendly letters. |
| Wave | Lagoon & Coral | Bubbly | Youth choirs. Fresh, light and a little different. |
Which theme the guided setup suggests
The guided setup asks what kind of choir you are and offers the matching theme first; see Set up your site step by step.
| Kind of choir | Suggested theme |
|---|---|
| Community choir | Plain |
| Symphonic or festival chorus | Symphonic |
| Chamber choir or early music ensemble | Chamber |
| Church or parish choir | Parish |
| Cathedral choir | Cathedral |
| Gospel choir | Gospel |
| Pop or rock choir | Spotlight |
| Show choir or musical theatre group | Showtime |
| A cappella or vocal ensemble | Studio |
| Barbershop chorus or quartet | Barbershop |
| Folk, world or community singing group | Hearth |
| Children's choir | Playground |
| School or training choir | Schoolyard |
| Youth choir | Wave |
| Something else | Plain |
One-colour choices
A plain scheme is white pages with fixed greys and one colour that does the work: the header band, buttons and links. You can pick one of four, or your own.
| Colour | Value |
|---|---|
| Midnight | #23395b |
| Burgundy | #7a1f2b |
| Plum | #4e2a55 |
| Charcoal | #33373d |
White text has to be readable on the colour (a contrast of 4.5 to 1). A colour of your own that is too pale for that is not refused: it becomes a thin stripe across the top of a white header, and buttons and links use a dark grey instead.
The 17 four-colour palettes
A palette has four colours: Primary (the dark colour that fills the top of the home page and the footer), Primary dark (for gradients), Accent (buttons and highlights) and Cream (a pale background tint). You can also enter four colours of your own.
| Palette | Primary | Primary dark | Accent | Cream |
|---|---|---|---|---|
| Evergreen & Gold | #14452f | #0b2e1f | #d9a860 | #f5f1ea |
| Midnight Blue & Brass | #1b2a4a | #10192e | #d2ad3a | #f2f4f8 |
| Burgundy & Champagne | #5a1e2b | #3d1119 | #d9b370 | #f8f2ee |
| Deep Ocean & Amber | #0f4c5c | #083440 | #f0b43c | #eef6f7 |
| Plum & Honey | #3e2447 | #281530 | #e3b23c | #f6f1f7 |
| Slate & Copper | #233a45 | #172830 | #e0a458 | #f1f4f5 |
| Charcoal & Gold | #2b2b2b | #161616 | #e0b05a | #f5f5f3 |
| Ink & Silver | #1b1f2a | #0e1118 | #b9c2cf | #f5f6f8 |
| Stone & Candlelight | #44372c | #2b221a | #c9a66b | #f6f1e7 |
| Royal Purple & Gold | #4c1d95 | #2e1065 | #fbbf24 | #faf5ff |
| Neon Night | #1f1147 | #120a2b | #ff5fa2 | #faf5ff |
| Curtain Red & Spotlight | #8f1239 | #4c0519 | #fcd34d | #fff8ee |
| Sky Blue & Sunshine | #1b45c4 | #152f85 | #ffd23f | #fff9e6 |
| Meadow & Buttercup | #1f6334 | #144424 | #ffd166 | #f4faee |
| Lagoon & Coral | #0e5a60 | #093d42 | #ffb9a6 | #effaf8 |
| Candy Stripe | #a81d2a | #74121b | #ffe39a | #fff6f4 |
| Terracotta & Sage | #7c2d12 | #5a1f0c | #c9d6a3 | #faf3e8 |
The 14 font pairings
Each pairing is a heading font and a text font. Fonts that need downloading are fetched from Google Fonts when a visitor opens the page; System fonts download nothing.
| Pairing | Heading font | Text font | Loaded from Google Fonts |
|---|---|---|---|
| Plain (Source Serif 4 + Source Sans 3) | Source Serif 4 | Source Sans 3 | Yes |
| Classic (Playfair Display + Inter) | Playfair Display | Inter | Yes |
| Elegant (Cormorant Garamond + Lato) | Cormorant Garamond | Lato | Yes |
| Editorial (Libre Baskerville + Source Sans 3) | Libre Baskerville | Source Sans 3 | Yes |
| Liturgical (Cinzel + EB Garamond) | Cinzel | EB Garamond | Yes |
| Friendly (Lora + Nunito) | Lora | Nunito | Yes |
| Vintage (Arvo + Lato) | Arvo | Lato | Yes |
| Modern (Montserrat + Open Sans) | Montserrat | Open Sans | Yes |
| Bold (Poppins + Inter) | Poppins | Inter | Yes |
| Poster (Oswald + DM Sans) | Oswald | DM Sans | Yes |
| Playful (Fredoka + Nunito) | Fredoka | Nunito | Yes |
| Bubbly (Baloo 2 + Quicksand) | Baloo 2 | Quicksand | Yes |
| Georgia and Inter | Georgia (on every device) | Inter | Only Inter |
| System fonts (no download) | Georgia | The device's own | No |
A site that has a custom style sheet can also set its own fonts and colours; see Custom style sheet: names to style by.