Warm mid-tone dark theme to show off your vibrant self!
Firefox Color install:
Take this link to the Firefox Color page and apply the theme colors.
Manual install:
- Clone this repo using
git clone https://github.com/catppuccin/firefox. Refer to this Firefox Extension Workshop article for next steps.
To make your own tweaks, use this link to the Firefox Color page containing the theme and refer to this MDN article to see where each color goes in the browser UI.
This theme uses the following colors from the Catppuccin palette :
| Name | Hex | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
 |
Rosewater | #F5E0DC |
245, 224, 220 |
10, 56%, 91% |
0%, 9%, 10%, 4% |
 |
Red | #E38C8F |
227, 140, 143 |
358, 61%, 72% |
0%, 38%, 37%, 11% |
 |
Peach | #F7BE95 |
247, 190, 149 |
25, 86%, 78% |
0%, 23%, 40%, 3% |
 |
Yellow | #ECDDAA |
236, 221, 170 |
46, 63%, 80% |
0%, 6%, 28%, 7% |
 |
Teal | #B7E5E6 |
183, 229, 230 |
181, 48%, 81% |
20%, 0%, 0%, 10% |
 |
Lavender | #C9CBFF |
201, 203, 255 |
238, 100%, 89% |
21%, 20%, 0%, 0% |
 |
Black 0 | #15121C |
21, 18, 28 |
258, 22%, 9% |
25%, 36%, 0%, 89% |
 |
Black 2 | #1E1E28 |
30, 30, 40 |
240, 14%, 14% |
25%, 25%, 0%, 84% |
 |
Black 3 | #332E41 |
51, 46, 65 |
256, 17%, 22% |
22%, 29%, 0%, 75% |
 |
White | #DFDEF1 |
223, 222, 241 |
243, 40%, 91% |
7%, 8%, 0%, 5% |