Build your
brand system
By signing in, you agree to our Terms and Privacy Policy.
Primary Colors
#172A97
#101E6A
#132480
#6574CE
#96A1DF
Typography
Aa
Inter
LightRegularMediumBold
Neutral Colors
#111827
#4B5563
#9CA3AF
#E5E7EB
#FAFAFA
Brand Tokens
brand-500#172A97
brand-700#101E6A
brand-400#6574CE
Extended Palette
#BCC4EC
#DCE1F5
#F0F2FA
#EF4444
#DC2626
Typography
Aa
Inter
SemiBoldBoldExtraBoldBlack
Semantic Colors
error#EF4444
danger#DC2626
surface#FAFAFA
Brand Tints
#0B1345
#0D1856
#172A97
#BCC4EC
#F0F2FA
Gray Scale
gray-900#111827
gray-500#6B7280
gray-100#F3F4F6
Surface Colors
#FFFFFF
#FAFAFA
#F3F4F6
#E5E7EB
#D1D5DB
Primary Colors
#172A97
#101E6A
#132480
#6574CE
#96A1DF
Typography
Aa
Inter
LightRegularMediumBold
Neutral Colors
#111827
#4B5563
#9CA3AF
#E5E7EB
#FAFAFA
Brand Tokens
brand-500#172A97
brand-700#101E6A
brand-400#6574CE
Extended Palette
#BCC4EC
#DCE1F5
#F0F2FA
#EF4444
#DC2626
Typography
Aa
Inter
SemiBoldBoldExtraBoldBlack
Semantic Colors
error#EF4444
danger#DC2626
surface#FAFAFA
Brand Tints
#0B1345
#0D1856
#172A97
#BCC4EC
#F0F2FA
Gray Scale
gray-900#111827
gray-500#6B7280
gray-100#F3F4F6
Surface Colors
#FFFFFF
#FAFAFA
#F3F4F6
#E5E7EB
#D1D5DB
Primary Colors
#172A97
#101E6A
#132480
#6574CE
#96A1DF
Typography
Aa
Inter
LightRegularMediumBold
Neutral Colors
#111827
#4B5563
#9CA3AF
#E5E7EB
#FAFAFA
Brand Tokens
brand-500#172A97
brand-700#101E6A
brand-400#6574CE
Extended Palette
#BCC4EC
#DCE1F5
#F0F2FA
#EF4444
#DC2626
Typography
Aa
Inter
SemiBoldBoldExtraBoldBlack
Semantic Colors
error#EF4444
danger#DC2626
surface#FAFAFA
Brand Tints
#0B1345
#0D1856
#172A97
#BCC4EC
#F0F2FA
Gray Scale
gray-900#111827
gray-500#6B7280
gray-100#F3F4F6
Surface Colors
#FFFFFF
#FAFAFA
#F3F4F6
#E5E7EB
#D1D5DB
Brand Tokens
brand-500#172A97
brand-700#101E6A
brand-400#6574CE
Extended Palette
#BCC4EC
#DCE1F5
#F0F2FA
#EF4444
#DC2626
Typography
Aa
Inter
SemiBoldBoldExtraBoldBlack
Semantic Colors
error#EF4444
danger#DC2626
surface#FAFAFA
Brand Tints
#0B1345
#0D1856
#172A97
#BCC4EC
#F0F2FA
Gray Scale
gray-900#111827
gray-500#6B7280
gray-100#F3F4F6
Surface Colors
#FFFFFF
#FAFAFA
#F3F4F6
#E5E7EB
#D1D5DB
Primary Colors
#172A97
#101E6A
#132480
#6574CE
#96A1DF
Typography
Aa
Inter
LightRegularMediumBold
Neutral Colors
#111827
#4B5563
#9CA3AF
#E5E7EB
#FAFAFA
Brand Tokens
brand-500#172A97
brand-700#101E6A
brand-400#6574CE
Extended Palette
#BCC4EC
#DCE1F5
#F0F2FA
#EF4444
#DC2626
Typography
Aa
Inter
SemiBoldBoldExtraBoldBlack
Semantic Colors
error#EF4444
danger#DC2626
surface#FAFAFA
Brand Tints
#0B1345
#0D1856
#172A97
#BCC4EC
#F0F2FA
Gray Scale
gray-900#111827
gray-500#6B7280
gray-100#F3F4F6
Surface Colors
#FFFFFF
#FAFAFA
#F3F4F6
#E5E7EB
#D1D5DB
Primary Colors
#172A97
#101E6A
#132480
#6574CE
#96A1DF
Typography
Aa
Inter
LightRegularMediumBold
Neutral Colors
#111827
#4B5563
#9CA3AF
#E5E7EB
#FAFAFA
Brand Tokens
brand-500#172A97
brand-700#101E6A
brand-400#6574CE
Extended Palette
#BCC4EC
#DCE1F5
#F0F2FA
#EF4444
#DC2626
Typography
Aa
Inter
SemiBoldBoldExtraBoldBlack
Semantic Colors
error#EF4444
danger#DC2626
surface#FAFAFA
Brand Tints
#0B1345
#0D1856
#172A97
#BCC4EC
#F0F2FA
Gray Scale
gray-900#111827
gray-500#6B7280
gray-100#F3F4F6
Surface Colors
#FFFFFF
#FAFAFA
#F3F4F6
#E5E7EB
#D1D5DB
Primary Colors
#172A97
#101E6A
#132480
#6574CE
#96A1DF
Typography
Aa
Inter
LightRegularMediumBold
Neutral Colors
#111827
#4B5563
#9CA3AF
#E5E7EB
#FAFAFA