Uwarp

ColorSpace: palettes and color gradients in the browser

Palettes and gradients on mycolor.space from one color, including 3-color blends. Embedded on Uwarp; copy values in the live app before you ship tokens.

What is ColorSpace?

ColorSpace (mycolor.space) is a web tool for building color schemes from a single input color, with sections for ready-made palette directions and tools for two-color and three-color gradients. The product positions itself as a way to move faster from one anchor color to practical combinations for web and product design. Features on the public site can change; this Uwarp page embeds the official mycolor.space experience so you can test palettes and gradients next to our other color utilities.

What you can do with ColorSpace

Typical workflows the main site advertises and how they map to product work.

  1. Palette generation from one color: Start from a base swatch and explore related schemes instead of hand-picking every stop.
  2. Two-color and multi-stop gradients: Move between simple ramps and a three-color gradient when you need a broader blend range.
  3. Faster first-pass theming: Use generated sets as a starting point before you lock tokens in Figma or code.
  4. Complements contrast checkers: Pair with accessibility tools elsewhere in Uwarp after you pick likely foreground and background pairs.
  5. Browser-based access: No install step, which helps quick experiments during a meeting or crit.

How to use this page

Keep outputs consistent when you hand off to design systems.

  1. Enter a real brand anchor: Use an approved primary or a measured screenshot color so downstream palettes match strategy.
  2. Name tokens when you copy: Label HEX or RGB values in your table so engineering maps them to the same semantic roles.
  3. Test gradients on your neutrals: Preview blends against the gray scale you ship so banding and contrast stay acceptable.
  4. Re-capture on large updates: If the main site regresses color math or UI, re-verify exports before a production push.

Tips for palette and gradient work

Small habits that keep auto-generated color usable in interfaces.

  1. Check contrast, not only harmony: Pleasing combinations can still fail WCAG-style checks for text and small controls.
  2. Limit simultaneous accents: Too many strong hues from a generator can fight your layout grid; promote one or two as primaries.
  3. Export the format your stack expects: Prefer HEX in CSS, RGBA when you need alpha, and document which profile you used.

Great for

Teams that need fast color exploration with copy-ready values.

  1. UI designers: Draft theme directions before you refine components and states.
  2. Foundations and design ops: Prototype token sets when product still explores positioning.
  3. Developers in the loop: Grab starter ramps for CSS custom properties and Tailwind-style scales.
  4. Campaign and landing work: Explore hero gradients and support palettes under time pressure.

Why open ColorSpace from Uwarp

Directory placement and neutral framing for third-party tools.

  1. Lives in Color tools: Listed with palette, gradient, and contrast utilities for one-stop discovery.
  2. Stable Uwarp path: Link `/mycolor-space` in internal docs so teammates use the same route.
  3. We do not host the generator: Uwarp embeds mycolor.space; behavior and data handling follow the source site.

Technical notes

This page embeds https://mycolor.space/. Uwarp does not run the color engine.

  1. Embed source: The iframe loads the public ColorSpace app from mycolor.space.
  2. If the embed is blocked: Open the same origin in a new tab when corporate policies limit iframes.
  3. Browser needs: Modern browsers with color and script support; heavy GPU use depends on the third-party app.

Frequently Asked Questions

Have questions? We have answers.