Colours

We've opted for pastel colors for the app's palette because they evoke a sense of brightness, positivity, and happiness. Clotho, being a daily-use app, aims to cultivate a comfortable and uplifting atmosphere to enhance user enjoyment and engagement.

Primary Colors

Dark Orchid

#8229E0

White

#FFFFFF

Primary colors serve as the cornerstone of our app's visual design, featured prominently in backgrounds, buttons, and highlights. By unifying these elements under a cohesive color scheme, we create a seamless and engaging user experience that enhances navigation and usability.

Sconadry Colors

Pale Sky Blue

#D6EFFF

Light Goldenrod Yellow

#FDF9D8

Pale Mauve

#FFD6FF

Biloba Flower

#B399FF

Bright Ube

#D098EA

Melrose

#B8C0FF

Secondary colors, predominantly pastel shades of purple and pink, are strategically employed to differentiate and highlight the header section background in our app. This deliberate choice not only creates visual contrast but also maintains harmony with our primary color palette, ensuring a cohesive and pleasing aesthetic throughout the interface.

Gradient Colors

Button Linear

Dark Button Linear

Navigation Linear

Dark Navigation Linear

Retangle Linear

Dark Retangle Linear

In addition to the primary colors, Clotho incorporates a variety of gradient colors, segmented into "Light mode" and "Dark mode" variations. These gradients play a significant role in enhancing the app's visual appeal by being applied to borders, overlay backgrounds, button backgrounds, and other elements. By utilizing gradients, Clotho achieves a dynamic and modern look that adapts seamlessly to both light and dark themes, enhancing user experience across the app interface.