Rosely

A warm and serene colour palette based on millennial pink

Rosely is a simple and uncluttered design system based on the warm and embracing gentle colour of rose quartz crystals (popularly known as Millennial Pink), together with a fresh and positive colour palette that symbolises adventuresome exploration of newness and originality.

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 psychologically 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.

All colours are numbered from rosely0 to rosely15 where each palette contains a different amount of colours, with semantic meanings similar to the Nord palette. The naming convention preserves the compatibility for terminal colour schemes and allows an uncomplicated use as base for such.

Rosely can be used as a drop in replacement package for Nord in projects simply by replacing the nord npm package with rosely.

Rosely is also compatible with the base16 architecture by redefining base00 to base0F with Rosely equivalent colours. Light and dark base16 schemes are included in this package.

Getting Started

Visit the official website to learn all about Rosely's colours and palettes and how to install and integrate Rosely in your own projects or use the colour swatches for your favorite applications.

Quick Start

Install Rosely using npm or yarn:

# npm
npm install --save rosely

# yarn
yarn add rosely

Please see the complete installation and usage guide for more details.

Themes for Applications

Unify the appearance and usage experience for your favorite applications — from code editors, shell terminals to modern UIs and libraries.

Rosely supports a broad and constantly growing spectrum that allows to customise your daily tool stack.

Colour Swatches

Next to the many ways of integrating Rosely into your project, all colour palettes of Rosely are also available in various native colour swatch formats.

Easily import Rosely into macOS, Adobe products like Photoshop & Illustrator, GIMP/Krita/Inkscape and many more.

Contributing

Rosely is an open source project and we love to receive contributions!

There are many ways to contribute, from writing- and improving documentation and tutorials, reporting bugs, submitting enhancement suggestions that can be added to Rosely by submitting pull requests.

Please take a moment to read the full contributing guide to learn about the development process, the project's used styleguides, branch organization and versioning model.

The guide also includes information about minimal, complete, and verifiable examples and other ways to contribute to the project like improving existing issues and giving feedback on issues and pull requests.