Color Generator – Kigen<br>/color generator
Design SystemPluginColor<br>Install
RGB
AlgorithmTailwind CSS
Contrast Shift0.00
Naming Pattern50,100...900
Shade Count11
Controls<br>SVG/Figma<br>SVG
empty
50<br>#ffecec
empty
100<br>#ffd4d4
empty
200<br>#ffadad
empty
300<br>#ff8787
empty
400<br>#ff5b5b
empty
500<br>#ff0000
empty
600<br>#dc0000
empty
700<br>#ad0000
empty
800<br>#7a0000
empty
900<br>#470000
empty
950<br>#2d0000
empty
empty
empty
empty
empty
empty
empty
empty
empty
empty
empty
CSS<br>Tailwind<br>Tailwind 4<br>Tokens
HEX<br>RGBA<br>HSL<br>OKLCH
Hit Spacebar ␣ or use slider or color picker to generate a new color
Products<br>Design Systemnew<br>Figma plugin<br>Color<br>Type Scalewip
Resources<br>blog<br>FAQs<br>changelog
About<br>Privacy<br>Terms<br>License
Social<br>Figma<br>Instagram<br>LinkedIn<br>X/Twitter
© 2025 - 2026 Overlayz Studio, All rights reserved.<br>Kigen is not affiliated with Figma, nor is it endorsed by or sponsored by Figma. A project by realvjy, crafted with love and coffee at Overlayz Studio.