Building Block
Building Block (#afafa7) presents a sophisticated take on neutral gray. This hue balances a subtle warmth with a grounded presence, giving it remarkable versatility. Its mid-tone saturation ensures it acts as an understated yet strong foundation, making it an ideal choice for clean interfaces that require a reliable, modern base.
Pairs well with
Analogous
Neighbours on the color wheel, producing a cohesive, low-tension pairing.
Complementary
Direct opposites on the wheel, for maximum contrast.
Split complementary
The two colors bordering the complement — contrast with less tension.
Triadic
Three colors equally spaced around the wheel, bold and balanced.
Tetradic
Two complementary pairs, forming a rich four-color set.
Square
Four colors evenly spaced for a balanced, high-contrast set.
Shades, tints & tones
Shades
Mixed with black — deeper, heavier.
Tints
Mixed with white — softer, less saturated.
Tones
Mixed with gray — muted, quieter.