Color Palettes
Color | 🎨 | Hex |
---|
Background | | #fdebf3 |
Background | | #f3f4f6 |
Background | | #e7dff2 |
Background | | #fbfefb |
Background | | #1e1e2e |
Background | | #1e1e1e |
Background | | #333333 |
Background | | #1f2937 |
Background | | #212737 |
Color | 🎨 | Hex |
---|
Accent | | #ff6b01 |
Accent | | #d8b4fe |
Accent | | #7e22ce |
Accent | | #ff7413 |
Accent | | #d26878 |
Accent | | #7866ad |
Accent | | #50fa7b |
Accent | | #663399 |
Accent | | #9be895 |
Accent | | #c072c4 |
Accent | | #aa336a |
Color | 🎨 | Hex |
---|
Text | | #d1d5db |
Text | | #282728 |
Ariake Dark
Color | 🎨 | Hex |
---|
Accent | | #2a2d37 |
Accent | | #22212d |
Accent | | #f5faff |
Accent | | #7fb3e1 |
Accent | | #dda2f6 |
Accent | | #8af1ea |
Aura
Color | 🎨 | Hex |
---|
Accent | | #a277ff |
Accent | | #82e2ff |
Accent | | #61ffca |
Accent | | #f694ff |
Accent | | #ba9566 |
Main
> Dark Soft
Color | Hex | RGB | Token | Mostly used as | 🎨 |
---|
Purple | #8464c6 | 132,100,198 | accent1 | Primary color | ![](https://placeholder.pics/svg/20x20/8464c6) |
Purple | #3d375e7f | 61,55,94 | accent20 | Selections | ![](https://placeholder.pics/svg/20x20/3d375e7f) |
Purple | #29263c | 41,38,60 | accent38 | Selections (without alpha) | ![](https://placeholder.pics/svg/20x20/29263c) |
Green | #54c59f | 84,197,159 | accent2 | Secondary color | ![](https://placeholder.pics/svg/20x20/54c59f) |
Orange | #c7a06f | 199,160,111 | accent3 | Tertiary color | ![](https://placeholder.pics/svg/20x20/c7a06f) |
Pink | #c17ac8 | 193,122,200 | accent6 | Quaternary color | ![](https://placeholder.pics/svg/20x20/c17ac8) |
Blue | #6cb2c7 | 108,178,199 | accent32 | Quinary color | ![](https://placeholder.pics/svg/20x20/6cb2c7) |
Red | #c55858 | 197,88,88 | accent5 | Senary color | ![](https://placeholder.pics/svg/20x20/c55858) |
White | #bdbdbd | 189,189,189 | accent7 | Foregrounds | ![](https://placeholder.pics/svg/20x20/bdbdbd) |
Gray | #6d6d6d | 109,109,109 | accent8 | Comments | ![](https://placeholder.pics/svg/20x20/6d6d6d) |
Black | #15141b | 21,20,27 | accent12 | Backgrounds | ![](https://placeholder.pics/svg/20x20/15141b) |
Main
> Dark
Color | Hex | RGB | Token | Mostly used as | 🎨 |
---|
Purple | #a277ff | 162,119,255 | accent1 | Primary color | ![](https://placeholder.pics/svg/20x20/a277ff) |
Purple | #3d375e7f | 61,55,94 | accent20 | Selections | ![](https://placeholder.pics/svg/20x20/3d375e7f) |
Purple | #29263c | 41,38,60 | accent38 | Selections (without alpha) | ![](https://placeholder.pics/svg/20x20/29263c) |
Green | #61ffca | 97,255,202 | accent2 | Secondary color | ![](https://placeholder.pics/svg/20x20/61ffca) |
Orange | #ffca85 | 255,202,133 | accent3 | Tertiary color | ![](https://placeholder.pics/svg/20x20/ffca85) |
Pink | #f694ff | 246,148,255 | accent6 | Quaternary color | ![](https://placeholder.pics/svg/20x20/f694ff) |
Blue | #82e2ff | 130,226,255 | accent32 | Quinary color | ![](https://placeholder.pics/svg/20x20/82e2ff) |
Red | #ff6767 | 255,103,103 | accent5 | Senary color | ![](https://placeholder.pics/svg/20x20/ff6767) |
White | #edecee | 237,236,238 | accent7 | Foregrounds | ![](https://placeholder.pics/svg/20x20/edecee) |
Gray | #6d6d6d | 109,109,109 | accent8 | Comments | ![](https://placeholder.pics/svg/20x20/6d6d6d) |
Black | #15141b | 21,20,27 | accent12 | Backgrounds | ![](https://placeholder.pics/svg/20x20/15141b) |
Merge All Tables
🎨 | Hex |
---|
| #fdebf3 |
| #f3f4f6 |
| #e7dff2 |
| #fbfefb |
| #1e1e2e |
| #1e1e1e |
| #333333 |
| #1f2937 |
| #212737 |
| #ff6b01 |
| #d8b4fe |
| #7e22ce |
| #ff7413 |
| #d26878 |
| #7866ad |
| #50fa7b |
| #663399 |
| #9be895 |
| #c072c4 |
| #aa336a |
| #d1d5db |
| #282728 |
| #2a2d37 |
| #22212d |
| #f5faff |
| #7fb3e1 |
| #dda2f6 |
| #8af1ea |
| #a277ff |
| #82e2ff |
| #61ffca |
| #f694ff |
| #ba9566 |
🎨 | Hex |
---|
| #1e1e1e |
| #1e1e2e |
| #1f2937 |
| #212737 |
| #22212d |
| #282728 |
| #2a2d37 |
| #333333 |
| #50fa7b |
| #61ffca |
| #663399 |
| #7866ad |
| #7e22ce |
| #7fb3e1 |
| #82e2ff |
| #8af1ea |
| #9be895 |
| #aa336a |
| #a277ff |
| #ba9566 |
| #c072c4 |
| #d1d5db |
| #d26878 |
| #d8b4fe |
| #dda2f6 |
| #e7dff2 |
| #edecee |
| #f3f4f6 |
| #f5faff |
| #f694ff |
| #f7f8fc |
| #fbfefb |
| #fdebf3 |