😸 Soothing pastel theme for the high-spirited!
A really a big, chunky and juicy update. A full overhaul!
well.. everything!
text
, subtext1
, subtext0
, overlay2
, overlay1
, overlay0
, surface2
, surface1
, surface0
, base
, mantle
, and crust
A rather big update, I'd say.
Things are popping a tad more now, aren't they? this is because the contrast ratio between the main colors (e.g. rosewater, maroon, lavender, teal, etc...) and the main background was increased to ensuse that the palette was compliant with WCAG 2.1 standards for enhanced contrast. Furthermore, the transition between every color in the black-gray palette is smoother now.
These are the results of the tests we ran to assert this conformance claim:
• rosewater: ✅
• flamingo: ✅
• mauve: ✅
• pink: ✅
• red: ✅
• maroon: ✅
• peach: ✅
• yellow: ✅
• green: ✅
• blue: ✅
• sky: ✅
• teal: ✅
• lavender: ✅
• white: ✅
• gray2: ✅
• gray1: ❌
• gray0: ❌
• black4: ❌
• black3: ❌
• black2: ❌
• black1: ❌
• black0: ❌
The test was conducted with a size
14
font between every color against black2 (#1E1D2F
), which is the main background of the palette. As evedenced on the data above, the colors from the main palette passed the test successfully; however, as expected, the colors from the black-gray palette (which fall into theexceptions
category according to WCAG 2.1 standards) didn't.
These were the colors that changed:
Name | Hex | RGB | |
---|---|---|---|
Mauve | #DDB6F2 |
221, 182, 242 |
|
Pink | #F5C2E7 |
245, 194, 231 |
|
Maroon | #E8A2AF |
232, 162, 175 |
|
Red | #F28FAD |
242, 143, 173 |
|
Peach | #F8BD96 |
248, 189, 150 |
|
Yellow | #FAE3B0 |
250, 227, 176 |
|
Green | #ABE9B3 |
171, 233, 179 |
|
Teal | #B5E8E0 |
181, 232, 224 |
|
Blue | #96CDFB |
150, 205, 251 |
|
Sky | #89DCEB |
137, 220, 235 |
|
Black 0 | #131020 |
19, 16, 32 |
|
Black 1 | #1A1823 |
26, 24, 35 |
|
Black 2 | #1E1E2D |
30, 29, 47 |
|
Black 3 | #302D41 |
48, 45, 65 |
|
White | #D9E0EE |
217, 224, 238 |
This release targeted the morning palette and improved several things on it.
Name | Hex | RGB | HSL | CMYK | |
---|---|---|---|---|---|
Rosewater | #F5E0DC |
245, 224, 220 |
10, 56%, 91% |
0%, 9%, 10%, 4% |
|
Maroon | #E49CB3 |
228, 156, 179 |
341, 57%, 75% |
0%, 32%, 21%, 11% |
|
Sky | #92D2E8 |
146, 210, 232 |
195, 65%, 74% |
37%, 9%, 0%, 9% |
|
Lavender | #C9CBFF |
201, 203, 255 |
238, 100%, 89% |
21%, 20%, 0%, 0% |
Note: you can view the whole palette in the README
As mentioned above, some colors had mild changes; here they are:
Color | v0.1.1 | v0.1.2 |
---|---|---|
Flamingo | #F2CECF |
#F2CDCD |
Peach | #F9C096 |
#F7BE95 |
Yellow | #EBDDAA |
#ECDDAA |
Green | #B1E3AD |
#B1E1A6 |
Teal | #BEE4ED |
#B7E5E6 |
White | #DADAE8 |
#DFDEF1 |
This release ends as the result of the work carried out by many of the members of the Discord server, myself included.
Initially, since it was only me at the start of the project most of the decisions were taken by only one person. But now that a bunch of people have hopped into the boat we have managed to shape the project together. Although this release points out to the final version of the palette (which now has 18 colors), it's not the only new thing that came with it.
Examples using code samples found here:
Finally! It's out!