BUSINESS BAGEL COLOURS · Brand Kit 2.0 · 27 October 2026 CORE (use these for almost everything) Name HEX RGB CMYK FOGRA39 Use Royal #2C42E6 44 66 230 89 77 0 0 The bagel, links, buttons, eyebrows, cover pages Ink #15171C 21 23 28 88 73 39 97 The wordmark, headlines and body text Paper #F4F5F8 244 245 248 5 4 3 0 Page panels, slides and documents Lime #C9F23E 201 242 62 30 0 91 0 The accent: figures on navy or royal, highlights. Never text on white Navy #191F30 25 31 48 95 70 15 91 Dark bands, footers and stat strips White #FFFFFF 255 255 255 0 0 0 0 The main ground SUPPORTING Name HEX RGB CMYK FOGRA39 Use Royal deep #2436C7 36 54 199 96 86 0 0 Hover and pressed states Ink soft #565C70 86 92 112 67 53 31 35 Secondary text (6.64:1 on white) Slate #646A7C 100 106 124 61 49 32 27 Small labels and captions (5.39:1 on white) Mute #7A8090 122 128 144 52 40 27 21 Icons, rules and large text only (3.95:1 on white) Line #E6E8EF 230 232 239 11 8 6 0 Hairlines and borders Card #EEF0F7 238 240 247 8 5 4 0 Tinted cards On dark #B9BED0 185 190 208 32 23 12 0 Body text on navy and ink CMYK values are sRGB converted to FOGRA39 (ISO Coated v2, coated paper), relative colorimetric. Ink is a rich black for large areas; for small printed text use K100 instead. No Pantone references are set. For a spot colour, have the printer match the HEX on a proof and record it here. HOW MUCH OF EACH (a typical page or post): white and paper 70, ink 15, royal 10, navy 3, lime 2. Royal carries the brand. Lime is a highlighter: a figure, a rule, one word. Never a background for long text. ACCESSIBLE PAIRS (WCAG 2.1 contrast) Ink on white 17.93:1 AA text Ink on paper 16.45:1 AA text Royal on white 6.93:1 AA text White on royal 6.93:1 AA text Lime on navy 12.70:1 AA text Lime on royal 5.37:1 AA text White on navy 16.41:1 AA text On dark on navy 8.86:1 AA text Slate on white 5.39:1 AA text Lime on white 1.29:1 never for text ROYAL SCALE (600 = royal, 700 = royal deep) 50 #F3F7FF 100 #E6EDFE 200 #CCDAFF 300 #A8BFFD 400 #7698FD 500 #476AFC 600 #2C42E6 700 #2436C7 800 #1924A1 900 #101A75 950 #08104C GREY SCALE (900 = navy, 950 = ink) 0 #FFFFFF 50 #F4F5F8 100 #EEF0F7 200 #E6E8EF 300 #D8DDEC 400 #B9BED0 500 #7A8090 600 #646A7C 700 #565C70 800 #2E3240 900 #191F30 950 #15171C CHART PALETTE - use in this order, never skip a slot Slot Name Light (on white) On navy (#191F30) 1 Royal #2C42E6 #476AFC 2 Orange #EB6834 #D95926 3 Aqua #1BAF7A #199E70 4 Yellow #EDA100 #C98500 5 Magenta #E87BA4 #D55181 6 Green #008300 #008300 7 Violet #6250D6 #9085E9 8 Red #E34948 #E66767 Checked with a colour-blindness simulator (protanopia and deuteranopia, Machado 2009): neighbouring series differ by at least 9.1 on white and 8.4 on navy (target 8; colour difference in OKLab, x100); normal vision at least 19.6 and 19.3 (floor 15). The first three slots pass when every series touches every other (scatter plots, maps). Aqua, Yellow and Magenta are under 3:1 on white, so label those series directly or include a table. More than eight series: group the rest as "Other". MARKETS: rises #0E7C66, falls #C4342D, always with a + or - sign, never colour alone. FILES business-bagel-colours.css custom properties for websites business-bagel-tokens.json design tokens (Figma Tokens, Style Dictionary) Business_Bagel_Colours.ase swatches for Adobe Illustrator, InDesign and Photoshop (File > Import Swatches) Office and Canva: choose More colours > HEX and paste the codes above.