https://github.com/vikpe/synthwave-alpha

Synthwave inspired color palette 🎨
https://github.com/vikpe/synthwave-alpha

retrowave synthwave themes

Last synced: over 1 year ago
JSON representation

Synthwave inspired color palette 🎨

• Host: GitHub
• URL: https://github.com/vikpe/synthwave-alpha
• Owner: vikpe
• Created: 2021-07-15T19:07:25.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2024-08-25T12:21:30.000Z (almost 2 years ago)
• Last Synced: 2025-03-18T20:07:36.646Z (over 1 year ago)
• Topics: retrowave, synthwave, themes
• Language: Python
• Homepage:
• Size: 981 KB
• Stars: 10
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![](./.github/assets/synthwave_alpha_logo.png)

> Synthwave inspired color palette

## Palette

### Base

![](./.github/assets/palette_base.png)

  | HEX

--- | ---

![](https://dummyimage.com/20x20/f9f972/f9f972.png&text=) | `f9f972`

![](https://dummyimage.com/20x20/ff00f6/ff00f6.png&text=) | `ff00f6`

![](https://dummyimage.com/20x20/aa54f9/aa54f9.png&text=) | `aa54f9`

![](https://dummyimage.com/20x20/55a8fb/55a8fb.png&text=) | `55a8fb`

![](https://dummyimage.com/20x20/00fbfd/00fbfd.png&text=) | `00fbfd`

![](https://dummyimage.com/20x20/241b30/241b30.png&text=) | `241b30`

### Terminal / 16-color

![](./.github/assets/palette_terminal.png)

  | HEX |   | HEX

--- | --- | --- | ---

![](https://dummyimage.com/20x20/241b30/241b30.png&text=) | `241b30` | ![](https://dummyimage.com/20x20/7f7094/7f7094.png&text=) | `7f7094`

![](https://dummyimage.com/20x20/9a0048/9a0048.png&text=) | `9a0048` | ![](https://dummyimage.com/20x20/e60a70/e60a70.png&text=) | `e60a70`

![](https://dummyimage.com/20x20/00986c/00986c.png&text=) | `00986c` | ![](https://dummyimage.com/20x20/0ae4a4/0ae4a4.png&text=) | `0ae4a4`

![](https://dummyimage.com/20x20/adad3e/adad3e.png&text=) | `adad3e` | ![](https://dummyimage.com/20x20/f9f972/f9f972.png&text=) | `f9f972`

![](https://dummyimage.com/20x20/6e29ad/6e29ad.png&text=) | `6e29ad` | ![](https://dummyimage.com/20x20/aa54f9/aa54f9.png&text=) | `aa54f9`

![](https://dummyimage.com/20x20/b300ad/b300ad.png&text=) | `b300ad` | ![](https://dummyimage.com/20x20/ff00f6/ff00f6.png&text=) | `ff00f6`

![](https://dummyimage.com/20x20/00b0b1/00b0b1.png&text=) | `00b0b1` | ![](https://dummyimage.com/20x20/00fbfd/00fbfd.png&text=) | `00fbfd`

![](https://dummyimage.com/20x20/b9b1bc/b9b1bc.png&text=) | `b9b1bc` | ![](https://dummyimage.com/20x20/f2f2e3/f2f2e3.png&text=) | `f2f2e3`

### Extended

![](./.github/assets/palette_extended.png)

  | HEX |   | HEX |   | HEX |   | HEX |   | HEX

--- | --- | --- | --- | --- | --- | --- | --- | --- | ---

![](https://dummyimage.com/20x20/fcfcb9/fcfcb9.png&text=) | `fcfcb9` | ![](https://dummyimage.com/20x20/f9f972/f9f972.png&text=) | `f9f972` | ![](https://dummyimage.com/20x20/adad3e/adad3e.png&text=) | `adad3e` | ![](https://dummyimage.com/20x20/696437/696437.png&text=) | `696437` | ![](https://dummyimage.com/20x20/474034/474034.png&text=) | `474034`

![](https://dummyimage.com/20x20/ee549b/ee549b.png&text=) | `ee549b` | ![](https://dummyimage.com/20x20/e60a70/e60a70.png&text=) | `e60a70` | ![](https://dummyimage.com/20x20/9a0048/9a0048.png&text=) | `9a0048` | ![](https://dummyimage.com/20x20/5f0e3c/5f0e3c.png&text=) | `5f0e3c` | ![](https://dummyimage.com/20x20/421536/421536.png&text=) | `421536`

![](https://dummyimage.com/20x20/ff66fa/ff66fa.png&text=) | `ff66fa` | ![](https://dummyimage.com/20x20/ff00f6/ff00f6.png&text=) | `ff00f6` | ![](https://dummyimage.com/20x20/b300ad/b300ad.png&text=) | `b300ad` | ![](https://dummyimage.com/20x20/6c0e6f/6c0e6f.png&text=) | `6c0e6f` | ![](https://dummyimage.com/20x20/481550/481550.png&text=) | `481550`

![](https://dummyimage.com/20x20/c488fb/c488fb.png&text=) | `c488fb` | ![](https://dummyimage.com/20x20/aa54f9/aa54f9.png&text=) | `aa54f9` | ![](https://dummyimage.com/20x20/6e29ad/6e29ad.png&text=) | `6e29ad` | ![](https://dummyimage.com/20x20/49226f/49226f.png&text=) | `49226f` | ![](https://dummyimage.com/20x20/371f50/371f50.png&text=) | `371f50`

![](https://dummyimage.com/20x20/88c3fd/88c3fd.png&text=) | `88c3fd` | ![](https://dummyimage.com/20x20/55a8fb/55a8fb.png&text=) | `55a8fb` | ![](https://dummyimage.com/20x20/2a6daf/2a6daf.png&text=) | `2a6daf` | ![](https://dummyimage.com/20x20/274470/274470.png&text=) | `274470` | ![](https://dummyimage.com/20x20/263050/263050.png&text=) | `263050`

![](https://dummyimage.com/20x20/80fdfe/80fdfe.png&text=) | `80fdfe` | ![](https://dummyimage.com/20x20/00fbfd/00fbfd.png&text=) | `00fbfd` | ![](https://dummyimage.com/20x20/00b0b1/00b0b1.png&text=) | `00b0b1` | ![](https://dummyimage.com/20x20/126671/126671.png&text=) | `126671` | ![](https://dummyimage.com/20x20/1b4151/1b4151.png&text=) | `1b4151`

![](https://dummyimage.com/20x20/54edc0/54edc0.png&text=) | `54edc0` | ![](https://dummyimage.com/20x20/0ae4a4/0ae4a4.png&text=) | `0ae4a4` | ![](https://dummyimage.com/20x20/00986c/00986c.png&text=) | `00986c` | ![](https://dummyimage.com/20x20/125a4e/125a4e.png&text=) | `125a4e` | ![](https://dummyimage.com/20x20/1b3b3f/1b3b3f.png&text=) | `1b3b3f`

![](https://dummyimage.com/20x20/fdfdfa/fdfdfa.png&text=) | `fdfdfa` | ![](https://dummyimage.com/20x20/fafaf4/fafaf4.png&text=) | `fafaf4` | ![](https://dummyimage.com/20x20/f2f2e3/f2f2e3.png&text=) | `f2f2e3` | ![](https://dummyimage.com/20x20/b9b1bc/b9b1bc.png&text=) | `b9b1bc` | ![](https://dummyimage.com/20x20/7f7094/7f7094.png&text=) | `7f7094`

![](https://dummyimage.com/20x20/50495a/50495a.png&text=) | `50495a` | ![](https://dummyimage.com/20x20/3a3245/3a3245.png&text=) | `3a3245` | ![](https://dummyimage.com/20x20/241b30/241b30.png&text=) | `241b30` | ![](https://dummyimage.com/20x20/1a1322/1a1322.png&text=) | `1a1322` | ![](https://dummyimage.com/20x20/0f0b14/0f0b14.png&text=) | `0f0b14`

## Sample implementations

### Terminal

> Open terminal settings and set colors according to [the terminal / 16-color table](#terminal--16-color) (or install via [Gogh](https://github.com/Gogh-Co/Gogh)).

![](./.github/assets/screenshot_terminal.png)

![image](https://github.com/vikpe/synthwave-alpha/assets/1616817/8bd8365b-d686-45ef-9f07-79baf20dd90b)

## Zed

> See [Synthwave Alpha - Zed Theme](https://github.com/vikpe/synthwave-alpha-zed)

![](https://raw.githubusercontent.com/vikpe/synthwave-alpha-zed/main/.github/screenshot.png)

## Visual Studio Code

> See [Synthwave Alpha - VS Code Theme](https://github.com/vikpe/synthwave-alpha-vscode)

![](https://raw.githubusercontent.com/vikpe/synthwave-alpha-vscode/main/screenshots/editor.png)

### [Fish](https://fishshell.com/)

> See [fish.sh](./implementations/fish.sh) for instructions/setup.

![](./.github/assets/screenshot_fish.png)

### [Starship](https://starship.rs/)

> See [starship.toml](./implementations/starship.toml) for instructions/setup.

![](./.github/assets/screenshot_starship.png)

### [FZF](https://github.com/junegunn/fzf)

> See [fzf.sh](./implementations/fzf.sh) for instructions/setup.

![](./.github/assets/screenshot_fzf.png)

### [iTerm2](https://github.com/gnachman/iTerm2)

![image](https://github.com/vikpe/synthwave-alpha/assets/1616817/9d15432b-a79c-44a0-b0d1-602eb8b9107d)

Installation

1. Type CMD+i

2. Navigate to Colors tab

3. Click on Load Presets

4. Click on Import

5. Select [SynthwaveAlpha.itermcolors](https://raw.githubusercontent.com/vikpe/synthwave-alpha/main/implementations/SynthwaveAlpha.itermcolors)

6. Click on Load Presets and choose a color scheme

### [Gogh](https://github.com/Gogh-Co/Gogh)

* Synthwave Alpha is available via [Gogh](https://github.com/Gogh-Co/Gogh)