Pevlika

Theme Palette Generator

Pick your brand colour to get a full shade scale and ready-to-use light and dark theme variables.

Runs in your browser — nothing is uploaded

How to use Theme Palette Generator

  1. Adjust the controls — the preview updates live.
  2. Copy the generated CSS.
  3. Paste it into your stylesheet.
Color Palette GeneratorGenerate harmonious 5-color palettes — random or from a base color — and export them. Contrast CheckerCheck text and background colors against WCAG AA and AAA contrast rules. Color PickerPick a color and convert between HEX, RGB, HSL, HSV and CMYK, with shades and tints. Box Shadow GeneratorDesign CSS box shadows visually, with layered and inset shadows.