Monochromatic palette
Five shades of one hue for UI scales.
ClientHue 210° · S 50% 1. #19334d · L 20% 2. #2d5986 · L 35% 3. #407fbf · L 50% 4. #79a6d2 · L 65% 5. #b3cce6 · L 80%
Nearby workflows on Toolcore
- Color tools — Hub for converter, harmony palettes, tint/shade scales, Tailwind-style theme, MUI createTheme palette, HeroUI-style CSS variables, WCAG c… when color values need conversion, contrast review, or theme export.
- Harmony color palette — Complementary, split, triadic, analogous, tetradic, and monochromatic sets from one CSS color—HEX copy and :root variables. when color values need conversion, contrast review, or theme export.
- CSS gradient builder — Linear or radial gradients with multiple stops—live preview and copy a background declaration locally. when color values need conversion, contrast review, or theme export.
- CSS color-mix() — Blend two CSS colors with color-mix() in srgb, oklab, or hsl—preview and copy the value in your browser. when color values need conversion, contrast review, or theme export.
Common use cases
- Monochromatic palette for quick local checks without uploading data.
- Copy results into tickets, docs, or classroom notes.
Common mistakes to avoid
Unexpected input shape
See the intro and how-to notes for accepted formats.
FAQ
Is processing local?
Yes—this runs entirely in your browser.
Agent prefill?
Use q or qb for the main text field when supported.
More tools
Related utilities you can open in another tab—mostly client-side.
Color tools
ClientHub for converter, harmony palettes, tint/shade scales, Tailwind-style theme, MUI createTheme palette, HeroUI-style CSS variables, WCAG contrast, accessible color suggestions, and web-safe colors—open a card or jump to a subtool.
Harmony color palette
ClientComplementary, split, triadic, analogous, tetradic, and monochromatic sets from one CSS color—HEX copy and :root variables.
CSS gradient builder
ClientLinear or radial gradients with multiple stops—live preview and copy a background declaration locally.
CSS color-mix()
ClientBlend two CSS colors with color-mix() in srgb, oklab, or hsl—preview and copy the value in your browser.