Agora Legal

Color System

This color system is designed for a modern, professional UI, balancing boldness and elegance with a focus on accessibility.

Base

White

#FFFFFF

Light Bg

#F2F2F2

Black

#000000

Dark Bg

#161616

Darker Bg

#141414

Darkest Bg

#0F0F0F

Transparent

#FFFFFF 0%

Warm Beige Bg

#FBF1EA

Ivory White Bg

#F9F9F9

Gray (dark mode)

100

#E0E0E0

200

#CCCCCC

300

#A9A9A9

400

#737373

500

#5A5A5A

600

#404040

700

#2D2D2D

800

#1F1F1F

900

#141414

Gray (light mode)

100

#F2F2F2

200

#D9D9D9

300

#BFBFBF

400

#A6A6A6

500

#838383

600

#696969

700

#4F4F4F

800

#363636

900

#212121

Bold Pink (Primary Accent Color)

100

#FAD6E1

200

#F4AAB9

300

#EC7E91

400

#E7586F

500

#E31B54

600

#B51744

700

#8E1235

800

#6B0E28

900

#500A1E

Warm Beige (Secondary Colors)

100

#FBF1EA

200

#F3DBCB

300

#EBC6AD

400

#E0AA88

500

#D08F64

600

#A4714F

700

#7A553B

800

#59402B

900

#3D2C1D

Cool Slate (Secondary Colors)

100

#EDF2F7

200

#D3DCE3

300

#BAC6CF

400

#97A5B1

500

#6D7D8B

600

#4C5A64

700

#38434B

800

#2A3238

900

#1C2225

Error (Red Tone)

100

#FCE3E7

200

#F8B2BA

300

#F57A84

400

#F0505A

500

#EB2A36

600

#B8212A

700

#8E1A21

800

#6A1318

900

#4B0E11

Warning (Orange Tone)

100

#FFF1E2

200

#FFD5AD

300

#FFBA7A

400

#FF9D46

500

#FF7F12

600

#C65E0E

700

#94470A

800

#6D3407

900

#4D2405

Success (Green Tone)

100

#E2F8EB

200

#B4ECC8

300

#85E0A4

400

#4FD57A

500

#21C555

600

#199440

700

#13712F

800

#0D511E

900

#093914