ALUSNA — Better design starts here.Better design starts here.A free design toolkit for creating color palettes, choosing typography, generating design tokens, and building brand kits directly in your browser.All ALUSNA toolsFree Color Palette GeneratorCreate, save, and export color palettes for websites, apps, and brand identities directly in your browser.Color Matching and Color HarmonyDiscover complementary, analogous, triadic, and other harmonious color combinations for your designs.Online Color MixerMix colors visually and inspect the resulting HEX, RGB, HSL, and color composition instantly.CSS Gradient GeneratorBuild CSS gradients, adjust direction and color stops, then copy production-ready code for web projects.Color Shade GeneratorGenerate a 50–950 color scale for design systems, Tailwind CSS, and application interfaces.Image Color Palette ExtractorUpload an image and extract its dominant colors locally without sending the file to a server.Color Blindness SimulatorSimulate several types of color vision deficiency and check whether your palette remains distinguishable.WCAG Color Contrast CheckerCheck color contrast ratios and WCAG AA or AAA status for text, buttons, and interfaces.Font Pairing and Typography PreviewCompare font pairs, adjust size and weight, then copy typography CSS for your design project.Design Token GeneratorCreate color roles, typography, spacing, radii, and shadows, then export to CSS, Tailwind, JSON, or React Native.Brand Kit GeneratorBuild a palette, typography system, brand guidelines, and accessibility audit in one browser-based tool.