Playground
See how Sveltopia Colors transforms brand colors into complete palettes.
Tap the orange button to view your generated palette.
Brand Presets
Brand Colors
Tuning Profile
How your brand colors shift the entire palette from baseline Radix
Hue Shift -1.7°
-30° 0° +30°
Chroma 1.05×
0.5× 1.0× 1.5×
Lightness -0.134
-0.1 0 +0.1
Color Analysis
Where your brand colors anchor in the palette
#FF6A00
orange-9
#43A047
grass-10
#1A1A1A
gray-12
Generated Palette
Showing 7 core hues + anchored colors. Full output includes all 31 Radix families.
123456789101112
gray
red
purple
blue
green
grass
orange
yellow
123456789101112
Use the Library
Generate this palette for your project with a single command.
npx @sveltopia/colors generate --colors "#FF6A00,#43A047,#1A1A1A"* Out-of-bounds chroma means your brand color is more saturated than any standard Radix hue at that position in the scale. Instead of clipping it to the nearest match, the library generates a custom scale that preserves your color's full vibrancy.