Features

Template Course

Help Center

Freelance Work

View Templates

Template Course

Changing Colors

Changing Colors

Learn how to customize colors in Framer to match your brand and style effortlessly.

How to Change Colors in Framer

  1. Open Framer – Go to Framer.com and open your project.

  2. Locate the Assets Panel – In the left-side panel, find and click on Assets.

  3. Find Colors – Scroll down to the Colors section under Styles.

  4. Edit a Color – Click on a color to open the editor.

  5. Adjust the Color – Use the color picker or enter a HEX, RGB, or HSL value.

  6. Apply the Color – Choose an element in your design and apply the updated color.

  7. Publish Your Site – Click Publish in the top-right corner to see the changes live.