Rosely: A Colour Palette and Design System

Themes Documentation

Rosely is a simple and uncluttered design system based on millennial pinks and purples, complemented by a fresh and positive colour palette that symbolises adventuresome exploration of newness and originality. It can be used for a brand style, website, user interface or application theme.

If ever there was a time when we needed to surround ourselves with colours that infuse feelings of calmness and positivity into our environment, it is now. As we continue down this path of uncertainty, a time marked by a global pandemic and social distancing coupled with social unrest demanding action on equality and sustainability, people seek mindfulness and well-being as an antidote to the stress of modern day lives.

Rosely has a base colour that psychologicallys fulfil a yearning for reassurance and security. Additional colours symbolises the brighter future that lies ahead that expresses a sense of playful freshness and optimism that brings a smile to our face as it takes us forward.

Clean and uncluttered

to achieve optimal focus and readability

Modular structure

inspired by Nord and Base16, colours are numbered from rosely0 to roselyF

Beautiful and harmonic color contrasts

four complementary sub-palettes provide a small but useful range of greys, pinks, purples and positive colours

Open Source

All our assets are published on GitHub

Contributions welcome!

We do a Pull Request contributions workflow on GitHub. New users are always welcome!

Read more …

Follow us on Twitter!

For announcement of latest features etc.

Read more …