TintVibe

Guest

Guest history is active on this device. Create an account when you want sync, backup, and plan access.

Local history is already saving in this browser.Open history Continue with an account

Start a palette to see your active workflow summary here.

Workspace Status

Pick any tool from the shortcut bar below to start building a working palette flow.

History

Ad space — Google AdSense (free plan only)

TintVibe

Guest

Guest history is active on this device. Create an account when you want sync, backup, and plan access.

Local history is already saving in this browser.Open history Continue with an account

Start a palette to see your active workflow summary here.

Workspace Status

Pick any tool from the shortcut bar below to start building a working palette flow.

History

Shade Generator

Input a base color to build Tailwind-style shade scales.

Base Color

#F3F3F7

100

#E9E9F1

200

#CFCEE8

300

#A2A2E2

400

#898AF0

500

#6366F1

600

#3337F0

700

#151BD5

800

#141999

900

#121668

950

#101242

Continue This Workflow

Move this result into the next tool instead of starting over.

8 swatches ready for handoff

#F3F3F7#E9E9F1#CFCEE8#A2A2E2#898AF0#6366F1#3337F0#151BD5

Recommended Next Step

Check Contrast

Validate accessibility before shipping.

Ready For Handoff

8 swatches carried forwardShade Scale1 tags attached

Other Ways To Continue

Preview Usage

See how the scale behaves across UI elements.

Button

Card

Contrast-ready card surface

Text

Headlines with mood

Export Scale

Export as JSON or CSS variables.

{
  "50": "#F3F3F7",
  "100": "#E9E9F1",
  "200": "#CFCEE8",
  "300": "#A2A2E2",
  "400": "#898AF0",
  "500": "#6366F1",
  "600": "#3337F0",
  "700": "#151BD5",
  "800": "#141999",
  "900": "#121668",
  "950": "#101242"
}

Ad space — Google AdSense (free plan only)