Key & Harmony

Camelot Wheel SVG Pack

29 free, high-resolution Camelot Wheel SVG diagrams, one per key (1A through 12B) plus 5 rule explainers. Attribution-only license. Drop them into blog posts, cheat sheets, courses, and tutorials.

Share on
Free download
Camelot Wheel Cheat Sheet: printable PDF
One A4 page: wheel diagram, 24-key compatibility table, four mix rules. Attribution-only license.

Rule explainer diagrams

Five SVGs covering the master wheel and the four core mix rules. Drop these into a tutorial and your reader has the full system at a glance.

Master Camelot Wheel

Master Camelot Wheel

All 24 keys, full saturation. The canonical hero diagram.

Download SVG ↓
Same Code Rule

Same Code Rule

8A → 8A · the perfect harmonic match.

Download SVG ↓
Adjacent Rule (±1)

Adjacent Rule (±1)

8A → 7A or 9A · subtle smooth shift.

Download SVG ↓
A ↔ B Switch

A ↔ B Switch

8A → 8B · relative major/minor flip.

Download SVG ↓
Energy Boost (+2)

Energy Boost (+2)

8A → 10A · the classic 'jaws mix' lift.

Download SVG ↓

Per-key compatibility diagrams (24 keys)

One SVG per Camelot code, with the selected key highlighted alongside its three compatible keys (same-code, ±1, A↔B switch).

Camelot 1A (A♭ minor) compatibility diagram
1A , A♭ minor
Download ↓
Camelot 1B (B major) compatibility diagram
1B , B major
Download ↓
Camelot 2A (E♭ minor) compatibility diagram
2A , E♭ minor
Download ↓
Camelot 2B (F♯ major) compatibility diagram
2B , F♯ major
Download ↓
Camelot 3A (B♭ minor) compatibility diagram
3A , B♭ minor
Download ↓
Camelot 3B (D♭ major) compatibility diagram
3B , D♭ major
Download ↓
Camelot 4A (F minor) compatibility diagram
4A , F minor
Download ↓
Camelot 4B (A♭ major) compatibility diagram
4B , A♭ major
Download ↓
Camelot 5A (C minor) compatibility diagram
5A , C minor
Download ↓
Camelot 5B (E♭ major) compatibility diagram
5B , E♭ major
Download ↓
Camelot 6A (G minor) compatibility diagram
6A , G minor
Download ↓
Camelot 6B (B♭ major) compatibility diagram
6B , B♭ major
Download ↓
Camelot 7A (D minor) compatibility diagram
7A , D minor
Download ↓
Camelot 7B (F major) compatibility diagram
7B , F major
Download ↓
Camelot 8A (A minor) compatibility diagram
8A , A minor
Download ↓
Camelot 8B (C major) compatibility diagram
8B , C major
Download ↓
Camelot 9A (E minor) compatibility diagram
9A , E minor
Download ↓
Camelot 9B (G major) compatibility diagram
9B , G major
Download ↓
Camelot 10A (B minor) compatibility diagram
10A , B minor
Download ↓
Camelot 10B (D major) compatibility diagram
10B , D major
Download ↓
Camelot 11A (F♯ minor) compatibility diagram
11A , F♯ minor
Download ↓
Camelot 11B (A major) compatibility diagram
11B , A major
Download ↓
Camelot 12A (D♭ minor) compatibility diagram
12A , D♭ minor
Download ↓
Camelot 12B (E major) compatibility diagram
12B , E major
Download ↓

License & attribution

These SVGs are free to use in any context: blog posts, YouTube thumbnails, courses, cheat sheets, presentations, commercial work: provided you include attribution.

Camelot Wheel diagrams from Vibes (vibesdj.io)

Or attribute via a link back to the full Camelot Wheel guide.

What's included

  • Master Camelot Wheel: the full diagram with all 24 keys at full saturation.
  • 4 rule explainers: same code, adjacent (±1), A ↔ B switch, energy boost (+2). Highlights the rule visually.
  • 24 per-key diagrams: one per Camelot code (1A through 12B) with the selected key + its three compatible keys highlighted.
  • Format: plain SVG. Infinite zoom. Editable in Figma, Illustrator, Inkscape, or any text editor.
  • License: free for any use with attribution to Vibes (vibesdj.io).

Related tools

Pair the SVG pack with the interactive Camelot Wheel to explore all 13 mix relationships, or grab the printable Camelot cheat sheet for the booth. The full theory walkthrough lives in the Camelot Wheel guide.

Ben Modigell

Hey, it's Ben Modigell 👋

I've been DJing and producing music as "so I so," focusing on downtempo, minimal, dub house, tech house, and techno. My background in digital marketing, web development, and UX design over the past 6 years helps me create DJ tutorials that are clear, practical, and easy to follow.

DJingMusic ProductionTech HouseMinimal HouseDigital MarketingWeb DevelopmentUX Design

Author and Methodology

Maintained by Ben Modigell

Ben is the founder of Vibes and builds DJ library, preparation, BPM, and harmonic-mixing tools for working DJs.

Last updated:

Report a correction

Evidence: Page output checked against the current tool behavior and internal DJ reference data.

Source: Vibes DJ-tool taxonomy and page logic maintained by Vibes.

How this page is made: Tool pages are built from reusable page logic, internal DJ reference data, and visible on-page calculations. Programmatic reference pages are generated from structured data rather than hand-written one by one.

BPM, key, and genre labels can vary by edit, remaster, detection engine, and DJ software. Use these pages as a practical mixing reference, then verify important tracks in your own library.

Vibes DJ Library Organizer Interface

Organize your DJ library visually.

Tag tracks by vibe. See everything at once. Export to any DJ software.

Discover Vibes

A visual system for organizing your DJ library.

Frequently Asked Questions

Yes. The Camelot Wheel SVG pack is free for any use: blog posts, YouTube thumbnails, courses, cheat sheets, presentations, paid products: provided you credit Vibes (vibesdj.io). No registration, no email gate, no watermarks.
Plain SVG (Scalable Vector Graphics). Open them in any vector editor (Figma, Illustrator, Inkscape, Affinity Designer) or drop them straight into HTML, Markdown, or a presentation tool. SVGs are infinite-zoom: no pixelation at any size.
Add a credit line beneath the diagram, e.g. "Camelot Wheel diagram from Vibes (vibesdj.io)" or link the image back to vibesdj.io/learn/techniques/camelot-wheel. A backlink in the page where you use the SVG is the cleanest attribution.
The pack ships SVG only because it scales without quality loss. To get a PNG at any resolution, open the SVG in a browser or vector editor and export at the size you need. Most editors export 1× through 10× retina-ready PNGs in one click.
Yes. SVG is plain text: open it in any editor and tweak the fill colors, fonts, or labels. The license allows derivatives as long as attribution remains. If you produce a substantially better version, we'd love to see it.