AK
appkiro.comColor Palette Generator is useful when you need a set of colors that can move into a real design file, style guide, or CSS snippet without much cleanup. Start with the generated palette, switch the harmony strategy if the mood feels off, then lock the colors you already like before generating again.
The lock button is the small detail that makes the tool easier to use. If one blue feels right but the supporting colors do not, lock that blue and keep exploring around it instead of starting over.
Copy Colours is the quickest option when you only need the raw values. CSS Variables is better for frontend work because you can paste the result into a stylesheet and rename variables later. JSON is handy when the palette needs to travel into a design token file, a small app config, or another tool.
Each color row also shows extra context such as the color name, RGB, and OKLCH-like values. Those details are not just decorative; they help when two colors look close but behave differently in UI contrast or shade generation.
Yes. Lock the color first, then generate again. Locked colors stay in place while the unlocked colors are replaced.
Use CSS Variables if you want to paste the palette straight into CSS. Use JSON if the colors are going into design tokens or app configuration.
Yes. Use the small shade action on a color row to open the Tailwind shades tool with that color prefilled.