Branding
Manage and explore the brand guidelines, assets, and resources
Color Palette
The official color palette for consistent branding across all materials
Primary Colors
Primary
HEX:#f4e7cc
CSS:--primary
Main brand color for buttons, links, and primary CTAs
Primary Dark
HEX:#123a44
CSS:--primary-dark
Used for hover states and emphasis
Primary Light
HEX:#cbe9f1
CSS:--primary-light
Used for backgrounds and subtle elements
Neutral Colors
Background
HEX:#FFFFFF
CSS:--background
Main background color
Foreground
HEX:#000000
CSS:--foreground
Main text color
Muted
HEX:#F5F5F5
CSS:--muted
Subtle backgrounds and secondary elements
Muted Foreground
HEX:#737373
CSS:--muted-foreground
Secondary text and subtle elements
Accent Colors
Success
HEX:#4a9b8c
CSS:--success
Used for success states and confirmations
Warning
HEX:#c8956a
CSS:--warning
Used for warnings and cautions
Destructive
HEX:#a8596b
CSS:--destructive
Used for errors and destructive actions
Assets
Download all branding assets in various formats
Complete Brand Kit
Download all assets (.zip)
Logo Package
All logo variations (.zip)
Brand Guidelines
PDF documentation