Briefle
LearnGlossaryPricing

Briefle words · UI design

Saturation

How intense or pure a color is, from grey (low) to vivid (high).

Say it to an AI

Bold blue promo card for the early-bird festival passes. Keep the saturation on the background only: white headline and price, pale blue body copy and a white button, with a soft yellow tag for energy. No saturated text on the blue, since vibrating colors kill luminance contrast.

How an expert would brief the stronger version of “Festival ticket promo”.

See it

Try it as a puzzle →

Early-bird promo card on a music festival's ticketing site.

Study A · the weaker one
Study B · the stronger one

Why: B keeps just one saturated color (the blue background) and uses white and soft tints for everything on top.

More ways experts use it

  • Stacked monthly bars of sessions by channel, April to September, with a takeaway title about Paid. Use saturation for emphasis: Paid in a fully saturated orange, the other three channels as muted tints of their own hues so they remain distinguishable but recede. Legend in stack order.

    Sessions by channel · Data & charts

Related words

  • Accent color
  • Surface
  • Focal point
  • Vibrating colors
  • Luminance contrast
  • Brand color
  • Selected state
  • Contrast ratio

Room 4 · Color

Learn “Saturation” in a five-minute lesson

Start free
AI can build almost anything. The bottleneck is saying what you want.
WordsPricingTermsPrivacyRefundsContact
© 2026 Briefle