quartz/content/Color Palettes.md

13 KiB

title compartir
Color Palettes true

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
Purple #3d375e7f 61,55,94 accent20 Selections
Purple #29263c 41,38,60 accent38 Selections (without alpha)
Green #54c59f 84,197,159 accent2 Secondary color
Orange #c7a06f 199,160,111 accent3 Tertiary color
Pink #c17ac8 193,122,200 accent6 Quaternary color
Blue #6cb2c7 108,178,199 accent32 Quinary color
Red #c55858 197,88,88 accent5 Senary color
White #bdbdbd 189,189,189 accent7 Foregrounds
Gray #6d6d6d 109,109,109 accent8 Comments
Black #15141b 21,20,27 accent12 Backgrounds

Main > Dark

Color Hex RGB Token Mostly used as 🎨
Purple #a277ff 162,119,255 accent1 Primary color
Purple #3d375e7f 61,55,94 accent20 Selections
Purple #29263c 41,38,60 accent38 Selections (without alpha)
Green #61ffca 97,255,202 accent2 Secondary color
Orange #ffca85 255,202,133 accent3 Tertiary color
Pink #f694ff 246,148,255 accent6 Quaternary color
Blue #82e2ff 130,226,255 accent32 Quinary color
Red #ff6767 255,103,103 accent5 Senary color
White #edecee 237,236,238 accent7 Foregrounds
Gray #6d6d6d 109,109,109 accent8 Comments
Black #15141b 21,20,27 accent12 Backgrounds

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