Brand
Guide
Our brand guide is intended to be viewed on desktop, please increase your window width to view.
Brand
Guide
Our brand guide is intended to be viewed on desktop, please increase your window width to view.
V2.1
Color
Color plays an important role in how our brand identity comes to life, amplifying both brand expression and personality.
Primary
Gray
#EDEDED
Black
#131313
Heat 200
#E72900
Twilight 200
#B1BAFF
Ultraviolet 200
#652184
Deep Purple 200
#D877EA
Evergreen 200
#008C56
Limelight 200
#E5FF9A
Desired 200
#831405
Flushed 200
#E729BD
Secondary
Our secondary colors are an expansion of our primary palette.
Heat 300
#821A04
Twilight 300
#394ACB
Ultraviolet 300
#511D69
Deep Purple 300
#621271
Evergreen 300
#003F24
Limelight 300
#D6F57C
Desired 300
#630C00
Flushed 300
#B10D8C
Heat 100
#FF8469
Twilight 100
#C9CEF8
Ultraviolet 100
#EECAFF
Deep Purple 100
#F7CBFF
Evergreen 100
#B0FFD1
Limelight 100
#F1FFC8
Desired 100
#CC3E2A
Flushed 100
#FFB7EF
Pairings
Generally, compositions do not exceed 2 colors. The below small selection of approved color pairings keeps our brand distinctive. Additional combinations can be used at thedesign team's discretion—always ensuring a strong contrast and avoiding pairings that feel unharmonious.
Limelight 100
Flushed 300
Ultraviolet 200
Limelight 100
Flushed 100
Desired 200
Twilight 100
Evergreen 300
Twilight 300
Limelight 200
Evergreen 100
Twilight 300
Limelight 200
Twilight 300
Limelight 200
Heat 200
Limelight 200
Evergreen 200
Heat 300
Twilight 100
Ultraviolet 100
Ultraviolet 200
Ultraviolet 200
Deep purple 100
Product
Within our product design system there are additional key colors for accents, surfaces, and elevation for both dark and light mode. These are strictly reserved for product contexts with the exception of our primary, Majestic and surface colors.
Primary
#545EC9
Majestic
#DB2700
Surface-Container-Low
#EBEEF9
Surface-Container
#E4E7F3 @ 60%
Surface-Container-High
#E1E5F4
On-Surface
#131313
Light Mode Surface, #F4F6FF
Surface-Container-Low
#181424
Surface-Container
#2D2F3D @ 60%
Surface-Container-High
#2B263A
On-Surface
#F5F6FA
Dark Mode Surface, #090516
Verification
#008C56
On-Verification-Surface
#E5FF9A
On-Constellation-Surface
#B1BAFF
Constellation-Surface
#060D30
Light Mode Accents
Verification
#003F24
On-Verification-Surface
#E5FF9A
On-Constellation-Surface
#B1BAFF
Constellation-Surface
#060D30
Dark Mode Accents