Vibes is live
Skip to Camelot Wheel SVG Pack
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.

  • DJ-ready reference
  • Printable
  • Methodology included
Free download
Camelot Wheel Cheat Sheet: printable PDF
One A4 page: wheel diagram, 24-key compatibility table, four mix rules. Attribution-only license.

Rule Diagrams

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 Pack

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

Usage

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

Methodology

Last updated

Author and Methodology

Maintained by Ben Modigell, founder of Vibes. Ben builds DJ library, preparation, BPM, and harmonic-mixing tools for working DJs.

Source
Vibes DJ-tool taxonomy and page logic maintained by Vibes.
Evidence
Page output checked against the current tool behavior and internal DJ reference data.
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.

Report a correction

The visual way to organize your DJ library

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

Download Trial

14-day free trial. Full access, no strings attached.

or see how it works
Vibes DJ library organized into custom vibes across Mood, Energy Feel, and Role categories

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.
5% off