Introducing Kigen Design SystemCheck it out
RGB
R
G
B
Tailwind CSS
0.00
50,100...900
11
SVG/Figma
SVG
empty
50
#ffecec
empty
100
#ffd4d4
empty
200
#ffadad
empty
300
#ff8787
empty
400
#ff5b5b
empty
500
#ff0000
empty
600
#dc0000
empty
700
#ad0000
empty
800
#7a0000
empty
900
#470000
empty
950
#2d0000
empty
empty
empty
empty
empty
empty
empty
empty
empty
empty
empty
CSS
Tailwind
Tailwind 4
Tokens
HEX
RGBA
HSL
OKLCH
Hit Spacebar ␣ or use slider or color picker to generate a new color
© 2025 - 2026 Overlayz Studio, All rights reserved.
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.
