Tool
Color Temperature.
Place any color on the warm–cool spectrum.
Presets
Color Temperature
See where your color falls on the warm-cool spectrum and adjust its temperature. Warm colors feel energetic and inviting; cool colors feel calm and professional.
CoolWarm
Cool (8/100)
This color conveys calm and distance. Cool tones recede visually, creating depth and a sense of serenity.
See also
Take this color further
How this works
Places a color on the warm–cool spectrum and lets you shift its temperature while preserving perceived lightness.
Live preview
This pane reflects the tool's current color — swap presets or type in the workspace to watch it update.
Swatch
#6366F1rgb(99, 102, 241)
Formats
Buttons
PrimaryOutlineGhost
Typography
The color is the content.Links pick this up cleanly, and captions stay legible against neutrals.
Gradient
Badges
AlphaBetaGA