Color

Our color palette balances warmth with professionalism. Vanilla and Charcoal form our primary pair, while Aperol adds energy as an accent.

Brand

Primary/Charcoal

Primary

#191919

rgb(25, 25, 25)

Primary/Vanilla

Secondary

#FFFAEE

rgb(255, 250, 238)

Secondary/Aperol

Secondary

#FE5102

rgb(254, 81, 2)

Mono Scale

Black

#000000

rgb(0, 0, 0)

Black-90

#1E1E1E

rgb(30, 30, 30)

Black-80

#383838

rgb(56, 56, 56)

Black-70

#4A4A4A

rgb(74, 74, 74)

Black-60

#595959

rgb(89, 89, 89)

Black-50

#787878

rgb(120, 120, 120)

Black-40

#A3A3A3

rgb(163, 163, 163)

Black-30

#C7C7C7

rgb(199, 199, 199)

Black-20

#DDDEE2

rgb(221, 222, 226)

Black-10

#F0F0F0

rgb(240, 240, 240)

White

#FFFFFF

rgb(255, 255, 255)

Brand Scale

Extended brand palette for UI states, backgrounds, and accents. Use Tailwind classes like bg-brand-500 or text-brand-600.

brand-25

#fffaf5

bg-brand-25

brand-50

#fff3eb

bg-brand-50

brand-100

#ffe4d4

bg-brand-100

brand-200

#ffc8a8

bg-brand-200

brand-300

#ffa370

bg-brand-300

brand-400

#ff7a38

bg-brand-400

brand-500

#fe5102

bg-brand-500

brand-600

#e64400

bg-brand-600

brand-700

#bf3600

bg-brand-700

brand-800

#992d05

bg-brand-800

brand-900

#7a280a

bg-brand-900

brand-950

#431302

bg-brand-950