Download Latest Version Ctp v0.2.0 source code.zip (6.5 MB)
Email in envelope

Get an email when there's a new version of Catppuccin

Home / v0.1.3
Name Modified Size InfoDownloads / Week
Parent folder
Ctp v0.1.3 source code.tar.gz 2022-01-07 4.6 MB
Ctp v0.1.3 source code.zip 2022-01-07 4.6 MB
README.md 2022-01-07 5.2 kB
Totals: 3 Items   9.2 MB 0

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.

πŸ“š Changes

These are the results of the tests we ran to assert this conformance claim:

:::lua
β€’ 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 the exceptions category according to WCAG 2.1 standards) didn't.

  • The transition between every color in the black-gray palatte is smoother: this is because the darkest ones of them now have a slight tint of a really deep dark purple which makes colors pop more, so to speak. Purple was chosen since most of the colors that were going to be on top of it (like yellow, green, orange, and red) were opposed to it in the color wheel.

🎨 Palette

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
Source: README.md, updated 2022-01-07