Generate a harmonious five-color palette from any base color using color theory relationships — complementary, analogous, triadic, and split-complementary. Export as a HEX list, CSS custom properties, or a Tailwind config object. A good starting point when beginning a new design and needing a cohesive color set quickly.
Generate a modular type scale from any base size and ratio. Choose from Perfect Fourth, Golden Ratio, and more — get px, rem, CSS variables or Tailwind config output. Free.
Convert font sizes between pt (print), px (screen), and rem. Set your root font size and see all three equivalents instantly. Includes a reference table of 17 common print sizes. Free.
Generate lighter tints and darker shades of any color. See the full scale from white to black with one-click copy of HEX, RGB, or HSL values for each swatch. Free.