Pick your event color palette in under 20 minutes: open coolors.co, press spacebar until a palette clicks, then apply the 60-30-10 rule — one dominant color (60%), one supporting color (30%), one accent (10%). Lock all three in Canva Free's Brand Kit, and stop. Every banner, slide, name tag, and social post you create after that point is a fill-in-the-blanks exercise. The rest of this guide is the step-by-step for doing exactly that — and the contrast check you must run before printing anything.
Before you start: what you need
This guide takes 20-30 minutes. Before you open anything, have these ready:
- Your event logo file (PNG or SVG). If you don't have one yet, a wordmark — the event name set in a clean sans-serif — is enough to extract a palette from.
- A browser tab. Every tool in this guide is free and browser-based; nothing to install.
- A Canva account (free). If you don't have one, creating it takes two minutes at canva.com.
- A text note or document where you'll record your three hex codes. This becomes your palette reference for the whole event.
Step 1: Extract or generate your base palette
If your event logo already has colours, start there — extract from the logo before inventing anything new. If the logo doesn't define colours yet, generate a palette from scratch.
If you have a logo, extract from it. Go to coolors.co, click the camera icon in the palette generator, and upload your logo file. Coolors will sample the dominant colours from the image and build a 5-colour palette from them. Pick the two or three that feel most representative and write down their hex codes. You now have a starting point that is already consistent with your logo.
If you're starting from scratch, generate. Open coolors.co in your browser and press spacebar. Each press generates a random harmonious palette. When a colour catches your attention, click the lock icon on it to hold it in place — then keep pressing spacebar to generate variations around that anchor. Most hosts land on a satisfying palette within 5-10 presses. When you find one you like, write down the three colours you'll use.
If you want AI-assisted curation, try Khroma. Go to khroma.co and pick 50 colours you like from their training grid — this takes about three minutes. Khroma then generates personalized palette combinations from your taste profile, complete with hex codes, RGB values, CSS variables, and a WCAG accessibility rating for each combination. Free, no account required. This is the best option if Coolors palettes feel too random for your taste.
Either way, you're exiting this step with a shortlist of candidate colours. The next step narrows them to three.
Step 2: Apply the 60-30-10 rule
Look at your candidate colours and assign each one a role:
- Dominant (60%): This is the colour that fills the most space — slide backgrounds, banner backgrounds, the largest blocks of colour in any layout. It sets the tone. It should be calm enough to live with for a whole event. Neutrals (off-white, light grey, deep navy, warm cream) work well here.
- Supporting (30%): This is the colour that creates structure — headers, bars, borders, the solid blocks that anchor sections. It should contrast enough with the dominant to be clearly distinct.
- Accent (10%): This is the colour that draws the eye — button fills, highlight words, the logo mark, one decorative element per slide. Use it sparingly. If it shows up everywhere, it stops working.
Write the three assignments down: "Dominant: #[hex], Supporting: #[hex], Accent: #[hex]". That's your event palette. University of Waterloo's institutional brand runs on exactly this discipline: Waterloo Gold (#FDD54F) as the accent, Black for structure, and white as the dominant background — three colours, applied with the same 60-30-10 logic across every campus event for 40,000 students. You don't need institutional resources to use the same framework.
Step 3: Run the contrast check
Before locking anything, run every text-on-colour combination through a contrast checker. This is the single most-skipped step in DIY event design — and it's the reason pastel-on-pastel name tags and yellow-on-white banners look amateur. WCAG 2.1 AA requires a contrast ratio of at least 4.5:1 between normal body text and its background, and 3:1 for large text (≥18 pt or 14 pt bold), per the W3C standard.
Go to webaim.org/resources/contrastchecker. Enter your dominant hex and your supporting hex. Check the result. Then enter the combination you'll use for text-on-background on signage (most likely your darkest colour on your lightest). If any combination fails AA, swap one of the colours for a darker or lighter variant until it passes. This takes under two minutes and eliminates the most common amateur tell before anything goes to print.
Note: coolors.co has a built-in contrast checker under the "Contrast Checker" tab — you can run this check without leaving the tool if you prefer.
Step 4: Lock it in Canva Free's Brand Kit
Open Canva and go to Brand Kit (left sidebar or via the Brand Hub). Click "Add new brand color" and paste each of your three hex codes. Canva Free allows exactly one Brand Kit with a 3-colour limit — which maps perfectly onto a 60-30-10 palette. Once locked, every Canva template you open will show your palette in the colour picker, making it nearly impossible to accidentally pull in a fourth colour.
If you're running more than one event at the same time and need separate Brand Kits for each, Canva Pro at US$144/year gives you 5 Brand Kits. For a single event, Free is sufficient. Note: "Adobe Spark" no longer exists — if you're using Adobe's design tools, the current product is Adobe Express (Free: 100,000+ templates, 25 AI credits/month; Premium: US$9.99/month). Either tool works for one event; the 60-30-10 discipline applies regardless of which you choose.
Once your Brand Kit is set, open a template and test: create a simple slide with your dominant as background, your supporting as a header bar, and your accent on the call-to-action button. If it looks right, your palette is locked. If something feels off, revisit Step 2 — a common issue is swapping the dominant and supporting roles (a very saturated colour as the dominant gets exhausting at 60% coverage).
Step 5: Apply consistently across every touchpoint
A locked palette only does the job if it's applied everywhere. Run through this checklist before the event:
- Eventbrite or registration page cover image — uses your palette, not the default template colour.
- Social promo graphics — same dominant and accent as the registration page.
- Slide deck — background in dominant, headers in supporting, CTAs and highlights in accent. One slide deck template, used for all speakers.
- Signage — banner, directional signs, and check-in sign all use the same two-colour combination (dominant background, supporting or dark text). Verify contrast passes 4.5:1 for the specific print colour values — print colours and screen colours can differ slightly.
- Name tags — colour bar at top in supporting or accent; event name and attendee name in supporting-or-dark on white. Avery 5384 (3" × 4" clip-style) is the standard format, printable on any laser or inkjet (avery.com/templates/5384).
- Thank-you email — header uses your accent, body is white. The event looked branded in person; keep the same impression post-event.
Consistent branding across touchpoints is the compounding return on the 20 minutes you just spent. A Lucidpress study of over 200 organizations found that consistent brand presentation correlates with a revenue increase of up to 33% — and the same principle applies when your Eventbrite header, your banner, and your name tags all tell the same visual story. See the full approach in our how to make an event look professional guide.
Troubleshooting
What if my palette looks good on screen but terrible in print?
Screen colours (RGB) and print colours (CMYK) differ. Very saturated colours — electric blues, hot pinks — often look washed out or shifted in print. Before ordering a banner run, request a printed proof from your vendor (Vistaprint offers this as an add-on) or print a test page on your own printer. If the printed version looks off, shift the hex toward a slightly less saturated variant — the difference is often small on screen but significant on paper.
What if I can't get 4.5:1 contrast without making the palette ugly?
The contrast requirement applies to normal-size body text. For large text (≥18 pt or 14 pt bold), the threshold drops to 3:1 — much easier to clear. On signage where all text is large, the 3:1 rule is the relevant test. If even 3:1 is hard to achieve with your palette, your dominant colour is likely too mid-tone — shift the background toward white or near-black to open up the contrast range.
What if Coolors doesn't generate a palette that fits my event's vibe?
Switch to Khroma. The training step (picking 50 colours from their grid) takes three minutes and yields a palette generator tuned to your aesthetic — not a random one. If you already have a mood board (photos, a venue shot, an example flyer you like), try Coolors' image-extract on one of those images rather than your logo. Image extraction often surfaces palettes that carry the right emotional tone more accurately than random generation.
What if my logo already uses 4 or 5 colours?
You don't need all of them in your event palette. Pull the one or two that are most dominant in the logo; use white or near-black as the third. A 5-colour logo applied to every surface reads as busy — pick the strongest two, let the rest sit as logo-only colours that appear nowhere else in the event design.
What to do next
You now have three locked hex codes in a Canva Brand Kit, contrast-verified for print. The next step is building out your visual stack — the logo, the palette, and the typeface choice — into a one-page brand reference you can hand off to anyone helping on the event. Our event look professional guide covers the full stack, including signage sizing and name tag specs. When you're ready to take the palette off DIY mode entirely — or you're running four or more events per year and want a brand identity that scales — our services page covers what PixelBrain builds, with retainer pricing starting at $500 concept / $1,500 entry.
Frequently asked questions
Is coolors.co free?
Yes. coolors.co is free to use in-browser with no account required. Spacebar generates palettes, the lock icon holds a colour in place, and image-extract works without signing in. The Pro version (paid) adds collaboration features you don't need for a single event.
Can I use Canva Free's Brand Kit for one event?
Yes. Canva Free includes 1 Brand Kit with a 3-colour limit — exactly what a 60-30-10 palette needs. The limit becomes a constraint only if you're managing multiple brands simultaneously. See canva.com/pricing for the full feature comparison.
What's Khroma and is it actually useful?
Khroma is an AI-trained palette generator. You train it once by picking 50 colours you like from a colour grid; it learns your aesthetic and generates combinations accordingly. Output includes hex, RGB, CSS, and a WCAG accessibility rating per combination. Free, no signup. It's most useful if Coolors feels too random — Khroma's output reflects your taste rather than statistical harmony.
Does my event palette need to match my personal or business brand?
Not exactly — but it should feel related. If your business uses deep navy and white, an event palette of electric green and hot pink will confuse returning attendees. A close relative (same dominant, different accent) or a direct match both work. Where the event brand diverges most from business-as-usual, name it deliberately ("the [Event Name] palette") so it feels intentional rather than inconsistent.
Update log
- 2026-05-16 — Initial publish.