Colors and type.
The colors and typefaces behind this site and the free carousel. To swap your brand’s colors into the carousel, follow the customization guide.
What goes on what.
Pick the ground first, then set words in one of its colors. Every pairing here stays easy to read, even in small text.
On Blush
- Oxblood
- Cocoa
On Cream
- Cocoa
- Oxblood
On Butter
- Cocoa
- Oxblood
On Sage
- Cocoa
- Oxblood
On Tomato
- Cocoa
On Oxblood
- Butter
- Cream
- Blush
On Cocoa
- Cream
- Butter
Never for words.
These pairs are too faint for words. Use them as shapes, like a Tomato squiggle on Blush.
- Tomato on Cream
- Cream on Tomato
- Cocoa on Oxblood
- Tomato on Blush
- Butter on Blush
- Blush on Sage
The full palette.
Copy a color value. Use the pairings above to choose its text and background.
Grounds
Cream
The page background between color fields.
Blush
Page introductions and soft color fields, with Oxblood or Cocoa type.
Sage
A quieter ground for closing sections, with Cocoa or Oxblood type.
Text
Oxblood
Wordmarks, headlines and deep color fields. Pair with Cream, Blush or Butter.
Cocoa
Body copy and buttons. It reads on every light ground, including Tomato.
Accents
Butter
Stickers, small highlights and buttons on Oxblood.
Tomato
Stamps, squiggles and occasional bold grounds. Set text in Cocoa.
Two typefaces.
A display face for headlines and a text face for everything else. If you use your own brand fonts, pair them the same way.
Both are open-source fonts under the SIL Open Font License, hosted on this site.