Blue is the brand. Navy is the ink. Cream is the paper. Everything else is a pop of colour used once per layout, not spread across it. Click any swatch to copy its value.
Roughly 60% neutral, 30% brand blue, 10% one accent. The proportion is what keeps FlatWorld looking like FlatWorld.
Cream and white carry the page. Blue does the structural and interactive work — headings, buttons, links. One accent gets the last 10%.
Teal, coral, sunshine and magenta each work beautifully alone. Together in one layout they read as a party invitation, not a textbook.
Backgrounds are cream. White is reserved for cards and reading surfaces so they lift off the page. Reversing the two flattens everything.
eReader access from $24.95, with instructor supplements included.
Explore catalogNavy text, blue button, one teal tag. Cream behind, white card in front.
eReader access from $24.95, with instructor supplements included.
Explore catalogFour accents at once, a gradient background, pure black text, and an accent doing the primary button's job.
Body text needs a contrast ratio of at least 4.5:1 against its background. Text at 24px or bolded 19px and above needs 3:1. Check any pair below before you ship it.
Body copy at 15px. If this is hard to read here, it will be harder on a projector in a lecture hall.
Navy 800 on cream 50 clears AAA. White on blue 600 clears AA. Those two pairings cover most of what you will ever need to set.
Sunshine 200 and teal 400 are bright. They fail as text colours on light backgrounds — use them as fills with navy text on top.
Anything communicated with colour — status, availability, required fields — also needs a label, an icon, or a shape.
The CMYK values in the copy menu are calculated conversions, accurate enough for internal proofs but not for press. Before a print run, confirm the official CMYK and Pantone references for blue 600, navy 800 and cream 50 with whoever holds the original brand files, then replace the calculated values here.