Color Palette

Error (Rose)

Used for error states, destructive actions, and critical alerts.

50

#FFF1F1

100

#F6DBDD

200

#EDC5C8

300

#E4AFB4

400

#CF99A0

500

#B9838C

600

#A46D77

700

#8E5863

800

#79424F

900

#632C3A

950

#4E1626

1000

#380012

Warning (Coral)

Used for warning states, cautionary messages, and important notices.

50

#FFF1ED

100

#F9D8D1

200

#F3C0B6

300

#EDA79A

400

#D79287

500

#C07D75

600

#AA6862

700

#93544F

800

#7D3F3C

900

#662A29

950

#501517

1000

#390004

Success (Sage)

Used for success states, confirmations, and positive feedback.

50

#E7FAEA

100

#D2EBD5

200

#BDDBC0

300

#A8C6AB

400

#94B195

500

#7F9B80

600

#6B866B

700

#567155

800

#425C40

900

#2D462B

950

#193115

1000

#041C00

Warm Neutral (Lime)

Warm-toned neutral for subtle backgrounds and tinted surfaces.

50

#ECFBC5

100

#E8F7C0

200

#D3E1AD

300

#BFCB9A

400

#AAB486

500

#959E73

600

#818860

700

#6C724D

800

#575C3A

900

#424526

950

#2E2F13

1000

#191900

Cool Neutral (Teal)

Cool-toned neutral for subtle backgrounds and tinted surfaces.

50

#CBFFEA

100

#BDFAE1

200

#AAE4CB

300

#97CEB6

400

#84B7A0

500

#71A18A

600

#5F8B75

700

#4C755F

800

#395F49

900

#264833

950

#13321E

1000

#001C08

Primary (Purple)

Brand primary color for interactive elements, links, and key actions.

50

#FBF1FF

100

#F1D6FF

200

#E7BAFF

300

#D1A5EB

400

#BB91D7

500

#A47CC3

600

#8E67AF

700

#78539B

800

#623E87

900

#4B2973

950

#35155F

1000

#1F004B

Accent (Blue)

Secondary accent color for highlights, CTAs, and visual interest.

50

#F1F2FF

100

#D5DAFC

200

#B9C3F8

300

#9DABF5

400

#8998DD

500

#7686C5

600

#6273AD

700

#4F6196

800

#3B4E7E

900

#273B66

950

#14294E

1000

#001636

Gray

True neutral for text, backgrounds, borders, and UI elements.

50

#F4F4F5

100

#E1E3E8

200

#CDD2DA

300

#B6BBDC6

400

#9FA9B2

500

#89949E

600

#727F8A

700

#5B6B76

800

#445662

900

#2E414E

950

#172D3A

1000

#001826