Three-circle numbered color palette

Three-circle numbered color palette, minimal, geometric, dark

Preview image. Unlock full-res

Three overlapping circles labeled 01, 02, 03 with white, cornflower blue, and neon yellow fills, demonstrating primary color hierarchy on black.

Summary

Three overlapping circles labeled 01, 02, 03 with white, cornflower blue, and neon yellow fills, demonstrating primary color hierarchy on black.

Visual description

Three full circles arranged horizontally and slightly overlapping against a black background. The leftmost circle is pure white with "01" in black sans-serif type; the center circle is a medium cornflower blue with "02" in white; the rightmost circle is bright neon yellow with "03" in light blue. Each number is centered within its circle in a bold, modern typeface. The composition is perfectly symmetrical in arrangement, creating a clean progression that reads as an ordered color system.

Key takeaway

The overlapping-circle format as a compact, spatial way to show color relationships without labels or swatches. The numbering convention makes the hierarchy explicit and the color contrast ensures readability. The black background isolates the three colors as pure reference values.

Reuse notes

Use this layout for design system color documentation, onboarding color guidelines, or educational brand-palette slides. The three-circle system works well when you need to show primary, secondary, and accent relationships. Adapt the colors or count depending on your palette size, but the numbering keeps it scannable.

More like this