From 44f66d74b733917b7ef8f4cfea7810b58c4fc2eb Mon Sep 17 00:00:00 2001 From: Pocco81 Date: Sun, 30 Jan 2022 21:46:26 -0500 Subject: [PATCH] chore: updated palette --- README.md | 74 +++++++++++++++++++++++++++++++------------------------ 1 file changed, 42 insertions(+), 32 deletions(-) diff --git a/README.md b/README.md index fcbf92c..9501d92 100644 --- a/README.md +++ b/README.md @@ -33,7 +33,7 @@ Catppuccin is a community-driven pastel theme that aims to be the middle ground between low and high contrast themes. It consists of a soothing warm palette with 22 eye-candy colors perfect for coding, designing, and much more! In addition, this repository tracks the development of the actual color palette, organization-wide assets, resources and code samples for maintainers/developers.

-## Ports and more! +### Ports and more! Catppuccin is available for various apps and in different formats. Here is a list of them: @@ -94,44 +94,54 @@ Catppuccin is available for various apps and in different formats. Here is a lis - [Mako](https://github.com/catppuccin/mako) - [Fcitx5](https://github.com/catppuccin/fcitx5) -## 🎨 Palette - -| | Name | Hex | RGB | HSL | CMYK | -| ------------------------------------------------------------------------------------------------------------------------------------ | --------- | --------- | --------------- | ---------------- | ------------------- | -| | Rosewater | `#F5E0DC` | `245, 224, 220` | `10, 56%, 91%` | `0%, 9%, 10%, 4%` | -| | Flamingo | `#F2CDCD` | `242, 205, 205` | `0, 59%, 88%` | `0%, 15%, 15%, 5%` | -| | Mauve | `#DDB6F2` | `221, 182, 242` | `279, 70%, 83%` | `9%, 25%, 0%, 5%` | -| | Pink | `#F5C2E7` | `245, 194, 231` | `316, 72%, 86%` | `0%, 21%, 6%, 4%` | -| | Maroon | `#E8A2AF` | `232, 162, 175` | `349, 60%, 77%` | `0%, 30%, 25%, 9%` | -| | Red | `#F28FAD` | `242, 143, 173` | `342, 79%, 75%` | `0%, 41%, 29%, 5%` | -| | Peach | `#F8BD96` | `248, 189, 150` | `24, 88%, 78%` | `0%, 24%, 40%, 3%` | -| | Yellow | `#FAE3B0` | `250, 227, 176` | `41, 88%, 84%` | `0%, 9%, 30%, 2%` | -| | Green | `#ABE9B3` | `171, 233, 179` | `128, 58%, 79%` | `27%, 0%, 23%, 9%` | -| | Teal | `#B5E8E0` | `181, 232, 224` | `171, 53%, 81%` | `22%, 0%, 3%, 9%` | -| | Blue | `#96CDFB` | `150, 205, 251` | `207, 93%, 79%` | `40%, 18%, 0%, 2%` | -| | Sky | `#89DCEB` | `137, 220, 235` | `189, 71%, 73%` | `42%, 6%, 0%, 8%` | -| | Lavender | `#C9CBFF` | `201, 203, 255` | `238, 100%, 89%` | `21%, 20%, 0%, 0%` | -| | Black 0 | `#161320` | `22, 19, 32` | `254, 25%, 10%` | `31%, 41%, 0%, 87%` | -| | Black 1 | `#1A1826` | `26, 24, 38` | `249, 23%, 12%` | `32%, 37%, 0%, 85%` | -| | Black 2 | `#1E1E2E` | `30, 30, 46` | `240, 21%, 15%%` | `35%, 35%, 0%, 82%` | -| | Black 3 | `#302D41` | `48, 45, 65` | `249, 18%, 22%` | `26%, 31%, 0%, 75%` | -| | Black 4 | `#575268` | `87, 82, 104` | `254, 12%, 36%` | `16%, 21%, 0%, 59%` | -| | Gray 0 | `#6E6C7E` | `110, 108, 126` | `247, 8%, 46%` | `13%, 14%, 0%, 51%` | -| | Gray 1 | `#988BA2` | `152, 139, 162` | `274, 11%, 59%` | `6%, 14%, 0%, 36%` | -| | Gray 2 | `#C3BAC6` | `195, 186, 198` | `285, 10%, 75%` | `2%, 6%, 0%, 22%` | -| | White | `#D9E0EE` | `217, 224, 238` | `220, 38%, 89%` | `9%, 6%, 0%, 7%` | - -## 🧠 Design Philosophy +### 🎨 Palette + +**Catppuccin** constist of two main color palettes. All the details can be found below.
+To make the best use them please refer to the [Styleguide](https://github.com/catppuccin/style-guide). +
+ +#### Morning +| | Name | Hex | RGB | HSL | CMYK | +| - | --------- | --------- | --------------- | ---------------- | ------------------- | +| | Flamingo | `#F2CDCD` | `242, 205, 205` | `0, 59%, 88%` | `0%, 15%, 15%, 5%` | +| | Mauve | `#DDB6F2` | `221, 182, 242` | `279, 70%, 83%` | `9%, 25%, 0%, 5%` | +| | Pink | `#F5C2E7` | `245, 194, 231` | `316, 72%, 86%` | `0%, 21%, 6%, 4%` | +| | Maroon | `#E8A2AF` | `232, 162, 175` | `349, 60%, 77%` | `0%, 30%, 25%, 9%` | +| | Red | `#F28FAD` | `242, 143, 173` | `342, 79%, 75%` | `0%, 41%, 29%, 5%` | +| | Peach | `#F8BD96` | `248, 189, 150` | `24, 88%, 78%` | `0%, 24%, 40%, 3%` | +| | Yellow | `#FAE3B0` | `250, 227, 176` | `41, 88%, 84%` | `0%, 9%, 30%, 2%` | +| | Green | `#ABE9B3` | `171, 233, 179` | `128, 58%, 79%` | `27%, 0%, 23%, 9%` | +| | Teal | `#B5E8E0` | `181, 232, 224` | `171, 53%, 81%` | `22%, 0%, 3%, 9%` | +| | Blue | `#96CDFB` | `150, 205, 251` | `207, 93%, 79%` | `40%, 18%, 0%, 2%` | +| | Sky | `#89DCEB` | `137, 220, 235` | `189, 71%, 73%` | `42%, 6%, 0%, 8%` | + + +#### Night +| | Name | Hex | RGB | HSL | CMYK | +| - | --------- | --------- | --------------- | ---------------- | ------------------- | +| | Black 0 | `#161320` | `22, 19, 32` | `254, 25%, 10%` | `31%, 41%, 0%, 87%` | +| | Black 1 | `#1A1826` | `26, 24, 38` | `249, 23%, 12%` | `32%, 37%, 0%, 85%` | +| | Black 2 | `#1E1E2E` | `30, 30, 46` | `240, 21%, 15%%` | `35%, 35%, 0%, 82%` | +| | Black 3 | `#302D41` | `48, 45, 65` | `249, 18%, 22%` | `26%, 31%, 0%, 75%` | +| | Black 4 | `#575268` | `87, 82, 104` | `254, 12%, 36%` | `16%, 21%, 0%, 59%` | +| | Gray 0 | `#6E6C7E` | `110, 108, 126` | `247, 8%, 46%` | `13%, 14%, 0%, 51%` | +| | Gray 1 | `#988BA2` | `152, 139, 162` | `274, 11%, 59%` | `6%, 14%, 0%, 36%` | +| | Gray 2 | `#C3BAC6` | `195, 186, 198` | `285, 10%, 75%` | `2%, 6%, 0%, 22%` | +| | White | `#D9E0EE` | `217, 224, 238` | `220, 38%, 89%` | `9%, 6%, 0%, 7%` | +| | Lavender | `#C9CBFF` | `201, 203, 255` | `238, 100%, 89%` | `21%, 20%, 0%, 0%` | +| | Rosewater | `#F5E0DC` | `245, 224, 220` | `10, 56%, 91%` | `0%, 9%, 10%, 4%` | + +### 🧠 Design Philosophy - **Colorful is better than colorless**: the colorfulness of something contributes to the distinction amongst the parts of that _something_, making it marginally easier to understand how things are structured. - **There should be balance**: not too dull, not too bright. Suitability under various light conditions is a most. - **Harmony is superior to dissonance**: vivacious colors must complement each other. -## 👐 Contribute +### 👐 Contribute See [CONTRIBUTING.md](https://github.com/catppuccin/catppuccin/blob/dev/CONTRIBUTING.md). -## 📜 License +### 📜 License Catppuccin is released under the MIT license, which grants the following permissions: @@ -142,7 +152,7 @@ Catppuccin is released under the MIT license, which grants the following permiss For more convoluted language, see the [LICENSE](https://github.com/catppuccin/catppuccin/blob/main/LICENSE). -## ❤️ Gratitude +### ❤️ Gratitude Thanks to the following tools developing this project is possible: