Decay is a theme that uses shades of green along with a dark-toned background for better contrast!. The
contrast between background and primary color helps avoid any eye fatigue when spending a
lot of time in front of the computer.
Currently decay provides 3 palettes:
- Dark Decay
- Decayce
- Light Decay
Preview |
Hex |
Description |
![](./assets/colors/dark-decay/background_5.png)
|
#040405 |
Background 5 |
![](./assets/colors/dark-decay/background_4.png)
|
#07080a |
Background 4 |
![](./assets/colors/dark-decay/background_3.png)
|
#0a0c0f |
Background 3 |
![](./assets/colors/dark-decay/background_2.png)
|
#0d1014 |
Background 2 |
![](./assets/colors/dark-decay/background.png)
|
#101419 |
Background |
![](./assets/colors/dark-decay/foreground_5.png)
|
#6b7078 |
Foreground 5 |
![](./assets/colors/dark-decay/foreground_4.png)
|
#777c85 |
Foreground 4 |
![](./assets/colors/dark-decay/foreground_3.png)
|
#8c929c |
Foreground 3 |
![](./assets/colors/dark-decay/foreground_2.png)
|
#a1a8b3 |
Foreground 2 |
![](./assets/colors/dark-decay/foreground.png)
|
#b6beca |
Foreground |
![](./assets/colors/dark-decay/black_3.png)
|
#020203 |
Black 3 |
![](./assets/colors/dark-decay/black_2.png)
|
#0f1317 |
Black 2 |
![](./assets/colors/dark-decay/black.png)
|
#1c252c |
Black |
![](./assets/colors/dark-decay/black-bright_5.png)
|
#181c1f |
Bright Black 5 |
![](./assets/colors/dark-decay/black-bright_4.png)
|
#202529 |
Bright Black 4 |
![](./assets/colors/dark-decay/black-bright_3.png)
|
#282e33 |
Bright Black 3 |
![](./assets/colors/dark-decay/black-bright_2.png)
|
#30373d |
Bright Black 2 |
![](./assets/colors/dark-decay/black-bright.png)
|
#384148 |
Bright Black |
![](./assets/colors/dark-decay/red_5.png)
|
#8f3c41 |
Red 5 |
![](./assets/colors/dark-decay/red_4.png)
|
#a3454a |
Red 4 |
![](./assets/colors/dark-decay/red_3.png)
|
#b84e53 |
Red 3 |
![](./assets/colors/dark-decay/red_2.png)
|
#cc575c |
Red 2 |
![](./assets/colors/dark-decay/red.png)
|
#e05f65 |
Red |
![](./assets/colors/dark-decay/red-bright_5.png)
|
#ab5358 |
Bright Red 5 |
![](./assets/colors/dark-decay/red-bright_4.png)
|
#bf5d62 |
Bright Red 4 |
![](./assets/colors/dark-decay/red-bright_3.png)
|
#d4676d |
Bright Red 3 |
![](./assets/colors/dark-decay/red-bright_2.png)
|
#e87177 |
Bright Red 2 |
![](./assets/colors/dark-decay/red-bright.png)
|
#e5646a |
Bright Red |
![](./assets/colors/dark-decay/green_4.png)
|
#579e79 |
Green 4 |
![](./assets/colors/dark-decay/green_3.png)
|
#62b389 |
Green 3 |
![](./assets/colors/dark-decay/green_2.png)
|
#6dc799 |
Green 2 |
![](./assets/colors/dark-decay/green.png)
|
#78dba9 |
Green |
![](./assets/colors/dark-decay/green-bright_5.png)
|
#66ab88 |
Bright Green 5 |
![](./assets/colors/dark-decay/green-bright_4.png)
|
#71bd97 |
Bright Green 4 |
![](./assets/colors/dark-decay/green-bright_3.png)
|
#7dd1a7 |
Bright Green 3 |
![](./assets/colors/dark-decay/green-bright_2.png)
|
#88e3b5 |
Bright Green 2 |
![](./assets/colors/dark-decay/green-bright.png)
|
#94F7C5 |
Bright Green |
![](./assets/colors/dark-decay/yellow_5.png)
|
#a38c5d |
Yellow 5 |
![](./assets/colors/dark-decay/yellow_4.png)
|
#b89e69 |
Yellow 4 |
![](./assets/colors/dark-decay/yellow_3.png)
|
#ccb075 |
Yellow 3 |
![](./assets/colors/dark-decay/yellow_2.png)
|
#debf7f |
Yellow 2 |
![](./assets/colors/dark-decay/yellow.png)
|
#f1cf8a |
Yellow |
![](./assets/colors/dark-decay/yellow-bright_5.png)
|
#ad9f71 |
Bright Yellow 5 |
![](./assets/colors/dark-decay/yellow-bright_4.png)
|
#c2b27e |
Bright Yellow 4 |
![](./assets/colors/dark-decay/yellow-bright_3.png)
|
#d6c58b |
Bright Yellow 3 |
![](./assets/colors/dark-decay/yellow-bright_2.png)
|
#ebd899 |
Bright Yellow 2 |
![](./assets/colors/dark-decay/yellow-bright.png)
|
#f6d48f |
Bright Yellow |
![](./assets/colors/dark-decay/blue_4.png)
|
#527aad |
Blue 4 |
![](./assets/colors/dark-decay/blue_3.png)
|
#5c88c2 |
Blue 3 |
![](./assets/colors/dark-decay/blue_2.png)
|
#6696d6 |
Blue 2 |
![](./assets/colors/dark-decay/blue.png)
|
#70a5eb |
Blue |
![](./assets/colors/dark-decay/blue-bright_5.png)
|
#6083ad |
Bright Blue 5 |
![](./assets/colors/dark-decay/blue-bright_4.png)
|
#6b93c2 |
Bright Blue 4 |
![](./assets/colors/dark-decay/blue-bright_3.png)
|
#76a2d6 |
Bright Blue 3 |
![](./assets/colors/dark-decay/blue-bright_2.png)
|
#81b2eb |
Bright Blue 2 |
![](./assets/colors/dark-decay/blue-bright.png)
|
#75aaf0 |
Bright Blue |
![](./assets/colors/dark-decay/magenta_5.png)
|
#815a9c |
Magenta 5 |
![](./assets/colors/dark-decay/magenta_4.png)
|
#9266b0 |
Magenta 4 |
![](./assets/colors/dark-decay/magenta_3.png)
|
#a372c4 |
Magenta 3 |
![](./assets/colors/dark-decay/magenta_2.png)
|
#b47ed9 |
Magenta 2 |
![](./assets/colors/dark-decay/magenta.png)
|
#c68aee |
Magenta |
![](./assets/colors/dark-decay/magenta-bright_5.png)
|
#9a71ad |
Bright Magenta 5 |
![](./assets/colors/dark-decay/magenta-bright_4.png)
|
#ac7ec2 |
Bright Magenta 4 |
![](./assets/colors/dark-decay/magenta-bright_3.png)
|
#be8bd6 |
Bright Magenta 3 |
![](./assets/colors/dark-decay/magenta-bright_2.png)
|
#d099eb |
Bright Magenta 2 |
![](./assets/colors/dark-decay/magenta-bright.png)
|
#cb8ff3 |
Bright Magenta |
![](./assets/colors/dark-decay/cyan_5.png)
|
#4b7b96 |
Cyan 5 |
![](./assets/colors/dark-decay/cyan_4.png)
|
#558cab |
Cyan 4 |
![](./assets/colors/dark-decay/cyan_3.png)
|
#5f9cbf |
Cyan 3 |
![](./assets/colors/dark-decay/cyan_2.png)
|
#69add4 |
Cyan 2 |
![](./assets/colors/dark-decay/cyan.png)
|
#74bee9 |
Cyan |
![](./assets/colors/dark-decay/cyan-bright_5.png)
|
#6194ad |
Bright Cyan |
![](./assets/colors/dark-decay/cyan-bright_4.png)
|
#6da6c2 |
Bright Cyan 4 |
![](./assets/colors/dark-decay/cyan-bright_3.png)
|
#78b7d6 |
Bright Cyan 3 |
![](./assets/colors/dark-decay/cyan-bright_2.png)
|
#84c9eb |
Bright Cyan 2 |
![](./assets/colors/dark-decay/cyan-bright.png)
|
#79c3ee |
Bright Cyan |
![](./assets/colors/dark-decay/white_5.png)
|
#8f9194 |
White 5 |
![](./assets/colors/dark-decay/white_4.png)
|
#a2a5a8 |
White 4 |
![](./assets/colors/dark-decay/white_3.png)
|
#b6b9bd |
White 3 |
![](./assets/colors/dark-decay/white_2.png)
|
#cacdd1 |
White 2 |
![](./assets/colors/dark-decay/white.png)
|
#dee1e6 |
White |
![](./assets/colors/dark-decay/white-bright_5.png)
|
#acaeb0 |
Bright White 5 |
![](./assets/colors/dark-decay/white-bright_4.png)
|
#bec0c2 |
Bright White 4 |
![](./assets/colors/dark-decay/white-bright_3.png)
|
#d2d4d6 |
Bright White 3 |
![](./assets/colors/dark-decay/white-bright_2.png)
|
#e6e9eb |
Bright White 2 |
![](./assets/colors/dark-decay/white-bright.png)
|
#e3e6eb |
Bright White |
Preview |
Hex |
Description |
![](./assets/colors/decayce/color-000008.png)
|
#000008 |
Background 3 |
![](./assets/colors/decayce/color-050710.png)
|
#050710 |
Background 2 |
![](./assets/colors/decayce/color-0d0f18.png)
|
#0d0f18 |
Background |
![](./assets/colors/decayce/color-8596af.png)
|
#8596af |
Foreground 4 |
![](./assets/colors/decayce/color-8d9eb7.png)
|
#8d9eb7 |
Foreground 3 |
![](./assets/colors/decayce/color-9daec7.png)
|
#9daec7 |
Foreground 2 |
![](./assets/colors/decayce/color-a5b6cf.png)
|
#a5b6cf |
Foreground |
![](./assets/colors/decayce/color-bd4757.png)
|
#bd4757 |
Red 5 |
![](./assets/colors/decayce/color-c54f5f.png)
|
#c54f5f |
Red 4 |
![](./assets/colors/decayce/color-cd5767.png)
|
#cd5767 |
Red 3 |
![](./assets/colors/decayce/color-d55f6f.png)
|
#d55f6f |
Red 2 |
![](./assets/colors/decayce/color-dd6777.png)
|
#dd6777 |
Red |
![](./assets/colors/decayce/color-c24c5c.png)
|
#c24c5c |
Bright Red 5 |
![](./assets/colors/decayce/color-ca5464.png)
|
#ca5464 |
Bright Red 4 |
![](./assets/colors/decayce/color-d25c6c.png)
|
#d25c6c |
Bright Red 3 |
![](./assets/colors/decayce/color-da6474.png)
|
#da6474 |
Bright Red 2 |
![](./assets/colors/decayce/color-e26c7c.png)
|
#e26c7c |
Bright Red |
![](./assets/colors/decayce/color-70ae8a.png)
|
#70ae8a |
Green 5 |
![](./assets/colors/decayce/color-78b692.png)
|
#78b692 |
Green 4 |
![](./assets/colors/decayce/color-80be9a.png)
|
#80be9a |
Green 3 |
![](./assets/colors/decayce/color-88c6a2.png)
|
#88c6a2w |
Green 2 |
![](./assets/colors/decayce/color-90ceaa.png)
|
#90ceaa |
Green |
![](./assets/colors/decayce/color-75b38f.png)
|
#75b38f |
Bright Green 5 |
![](./assets/colors/decayce/color-7dbb97.png)
|
#7dbb97 |
Bright Green 4 |
![](./assets/colors/decayce/color-85c39f.png)
|
#85c39f |
Bright Green 3 |
![](./assets/colors/decayce/color-8dcba7.png)
|
#8dcba7 |
Bright Green 2 |
![](./assets/colors/decayce/color-95d3af.png)
|
#95d3af |
Bright Green |
![](./assets/colors/decayce/color-ccb380.png)
|
#ccb380 |
Yellow 5 |
![](./assets/colors/decayce/color-d4bb88.png)
|
#d4bb88 |
Yellow 4 |
![](./assets/colors/decayce/color-dcc390.png)
|
#dcc390 |
Yellow 3 |
![](./assets/colors/decayce/color-e4cb98.png)
|
#e4cb98 |
Yellow 2 |
![](./assets/colors/decayce/color-ecd3a0.png)
|
#ecd3a0 |
Yellow |
![](./assets/colors/decayce/color-d1b885.png)
|
#d1b885 |
Bright Yellow 5 |
![](./assets/colors/decayce/color-d9c08d.png)
|
#d9c08d |
Bright Yellow 4 |
![](./assets/colors/decayce/color-e1c895.png)
|
#e1c895 |
Bright Yellow 3 |
![](./assets/colors/decayce/color-e9d09d.png)
|
#e9d09d |
Bright Yellow 2 |
![](./assets/colors/decayce/color-f1d8a5.png)
|
#f1d8a5 |
Bright Yellow |
![](./assets/colors/decayce/color-668acc.png)
|
#668acc |
Blue 5 |
![](./assets/colors/decayce/color-6e92d4.png)
|
#6e92d4 |
Blue 4 |
![](./assets/colors/decayce/color-769adc.png)
|
#769adc |
Blue 3 |
![](./assets/colors/decayce/color-7ea2e4.png)
|
#7ea2e4 |
Blue 2 |
![](./assets/colors/decayce/color-86aaec.png)
|
#86aaec |
Blue |
![](./assets/colors/decayce/color-6b8fd1.png)
|
#6b8fd1 |
Bright Blue 4 |
![](./assets/colors/decayce/color-7b9fe1.png)
|
#7b9fe1 |
Bright Blue 3 |
![](./assets/colors/decayce/color-83a7e9.png)
|
#83a7e9 |
Bright Blue 2 |
![](./assets/colors/decayce/color-8baff1.png)
|
#8baff1 |
Bright Blue |
![](./assets/colors/decayce/color-a77bd0.png)
|
#a77bd0 |
Magenta 5 |
![](./assets/colors/decayce/color-af83d8.png)
|
#af83d8 |
Magenta 4 |
![](./assets/colors/decayce/color-b78be0.png)
|
#b78be0 |
Magenta 3 |
![](./assets/colors/decayce/color-bf93e8.png)
|
#bf93e8 |
Magenta 2 |
![](./assets/colors/decayce/color-c79bf0.png)
|
#c296eb |
Magenta |
![](./assets/colors/decayce/color-a77bd0.png)
|
#a77bd0 |
Bright Magenta 5 |
![](./assets/colors/decayce/color-af83d8.png)
|
#af83d8 |
Bright Magenta 4 |
![](./assets/colors/decayce/color-b78be0.png)
|
#b78be0 |
Bright Magenta 3 |
![](./assets/colors/decayce/color-bf93e8.png)
|
#bf93e8 |
Bright Magenta 2 |
![](./assets/colors/decayce/color-c79bf0.png)
|
#c79bf0 |
Bright Magenta |
![](./assets/colors/decayce/color-73aec9.png)
|
#73aec9 |
Cyan 5 |
![](./assets/colors/decayce/color-7bb6d1.png)
|
#7bb6d1 |
Cyan 4 |
![](./assets/colors/decayce/color-83bed9.png)
|
#83bed9 |
Cyan 3 |
![](./assets/colors/decayce/color-8bc6e1.png)
|
#8bc6e1 |
Cyan 2 |
![](./assets/colors/decayce/color-93cee9.png)
|
#93cee9 |
Cyan |
![](./assets/colors/decayce/color-90cbe6.png)
|
#98d3ee |
Bright Cyan 5 |
![](./assets/colors/decayce/color-88c3de.png)
|
#88c3de |
Bright Cyan 4 |
![](./assets/colors/decayce/color-90cbe6.png)
|
#90cbe6 |
Bright Cyan 3 |
![](./assets/colors/decayce/color-80bbd6.png)
|
#80bbd6 |
Bright Cyan 2 |
![](./assets/colors/decayce/color-78b3ce.png)
|
#78b3ce |
Bright Cyan |
![](./assets/colors/decayce/color-abaeb3.png)
|
#abaeb3 |
White 5 |
![](./assets/colors/decayce/color-b3b6bb.png)
|
#b3b6bb |
White 4 |
![](./assets/colors/decayce/color-bbbec3.png)
|
#bbbec3 |
White 3 |
![](./assets/colors/decayce/color-c3c6cb.png)
|
#c3c6cb |
White 2 |
![](./assets/colors/decayce/color-d0d3d8.png)
|
#d0d3d8 |
White |
![](./assets/colors/decayce/color-b0b3b8.png)
|
#b0b3b8 |
Bright White 4 |
![](./assets/colors/decayce/color-b8bbc0.png)
|
#b8bbc0 |
Bright White 3 |
![](./assets/colors/decayce/color-c0c3c8.png)
|
#c0c3c8 |
Bright White 2 |
![](./assets/colors/decayce/color-c8cbd0.png)
|
#c8cbd0 |
Bright White |
Preview |
Hex |
Description |
![](./assets/colors/light-decay/background.png)
|
#dee1e6 |
Background |
![](./assets/colors/light-decay/foreground.png)
|
#101419 |
Foreground |
![](./assets/colors/light-decay/red.png)
|
#bd3c42 |
Red |
![](./assets/colors/light-decay/red-bright.png)
|
#c24147 |
Bright Red |
![](./assets/colors/light-decay/green.png)
|
#69b373 |
Green |
![](./assets/colors/light-decay/green-bright.png)
|
#6eb878 |
Bright Green |
![](./assets/colors/light-decay/yellow.png)
|
#ceac67 |
Yellow |
![](./assets/colors/light-decay/yellow-bright.png)
|
#d3b16c |
Bright Yellow |
![](./assets/colors/light-decay/blue.png)
|
#4d82c8 |
Blue |
![](./assets/colors/light-decay/blue-bright.png)
|
#5287cd |
Bright Blue |
![](./assets/colors/light-decay/magenta.png)
|
#a367cb |
Magenta |
![](./assets/colors/light-decay/magenta-bright.png)
|
#a86cd0 |
Bright Magenta |
![](./assets/colors/light-decay/cyan.png)
|
#519bc6 |
Cyan |
![](./assets/colors/light-decay/cyan-bright.png)
|
#56a0cb |
Bright Cyan |
![](./assets/colors/light-decay/white.png)
|
#101419 |
White (Black because light decay is a light theme) |
![](./assets/colors/light-decay/white-bright.png)
|
#1f2328 |
Bright White (same applies here) |