Color Theory

The study of how colors interact, combine, and influence perception, guiding designers in creating harmonious palettes that evoke specific emotions. Understanding complementary, analogous, and triadic color relationships helps create visually balanced designs. Apply color theory to establish brand moods and guide user attention to key elements.

Related terms

Related terms

  • Visual Weight

    Design

    The perceived heaviness of an element based on size, color, contrast, and complexity, affecting visual balance. Understanding visual weight helps create balanced compositions without symmetry. Use visual weight to guide attention and establish hierarchy.

  • Visual Hierarchy

    Design

    The arrangement of elements to show their order of importance through size, color, contrast, and position. Strong hierarchy guides users through content in the intended order and highlights key actions. Squint at your design—hierarchy issues become obvious when details blur.

  • Analogous Colors

    Design

    Analogous Colors are color combinations made from adjacent hues on the color wheel, often used to create cohesive and low-contrast visual systems.

  • HEX Value

    Design

    A HEX Value is a web color notation like #RRGGBB used in CSS and design tools to represent exact RGB color values.

  • Design Prompting

    Design

  • Token Design

    Design

  • P3 colors

    Design

    Framer designs can use wide-gamut color values for more vivid accents and gradients on supported displays, helping modern sites feel brighter and more refined.

  • Selection color

    Design

    Framer selection colors let teams align the small details of browser interaction with the site’s visual system, reinforcing brand polish even in native behaviors.

Academy