Color Schema

Color Schemas allow you to quickly apply a coordinated color palette to your project. Selecting a schema updates the primary colors used throughout your app interface, helping you maintain a consistent visual style without manually configuring individual components.

How to Apply a Color Schema

  1. Open your project in Thunkable AI.

  2. Navigate to the Color Schema panel.

  3. Browse the available palettes.

  4. Click on a palette to apply it to your project.

The change is applied immediately and can be previewed in the Preview panel.

Available Schemas

Each schema provides a curated set of colors designed for different visual styles:

  • Base – A neutral palette suitable for most applications.

  • Ocean Blue – Cool blues for a calm, modern interface.

  • Forest – Greens inspired by natural tones.

  • Sunset – Warm oranges and browns for vibrant designs.

  • Earthy Tones – Soft natural colors with a grounded feel.

  • Coral Sunset – Coral and teal accents paired with dark neutrals.

  • Electric Magenta – High-contrast magenta and deep purple for bold designs.

  • Monochrome – Minimalist black, white, and grey palette.

Notes

  • Applying a new schema updates the project's theme colors but does not change existing custom styles you have manually applied to components.

  • You can switch schemas at any time to experiment with different looks.

Last updated