---
title: Colors
summary:
  The choice of colors for a website or app interface has a big influence on how users interact with the product and what decisions they make. Harmonious colors can contribute to a nice first impression and encourage users to engage with your product, so it's a very important aspect of a successful design, which needs
  to be well thought out.
description: Impact of colors on user interface design.
layout: '@layouts/DocsMdxLayout.astro'
---

import Colors from '@components/Colors.astro'
import site from '@data/site.json'

## Base colors

Choose one of the available colors from the basic color palette and make your design attractive for users. You can use the colors to customize the design of components, indicate different states or suggest actions you want users to take.

<Colors colors={site.colors} />

## Light colors

All available colors can come in pastel shades, which are perfect for more subtle designs and can be easily combined with the basic palette to create eye-catching designs.

<Colors colors={site.lightColors} />

## Gray palette

The gray palette is a great choice for creating a neutral background for your design. It can be used to create a clean and professional look, and can be combined with other colors to create a harmonious design.

<Colors colors={site.grayColors} />

## Social colors

Use the colors of popular social networks to create a recognizable design and make it easier for users to interact with your product.

<Colors colors={site.socialColors} />
