Brand Color Reference
Complete color palette for your trading platform brand
Theme:Dark
Primary Brand Colors
Brand Primary
#45D1FF
--content-brand-primary
Click to copy
Brand Secondary
#0052B4
--content-brand-secondary
Click to copy
Content Primary
#ffffff
--content-primary
Click to copy
Content Primary Inverse
#0B111D
--content-primary-inverse
Click to copy
Surface Colors
Surface Primary
#0B111D
--surface-primary
Click to copy
Surface Secondary
#0A1930
--surface-secondary
Click to copy
Surface Tertiary
#717892
--surface-tertiary
Click to copy
Surface Hover
#22272f
--surface-hover
Click to copy
Accent Colors
CTA - Orange Primary
#FF532D
--content-red-primary
Click to copy
Success - Green Primary
#3fd1c2
--content-green-primary
Click to copy
Warning Primary
#fda522
--content-warning-primary
Click to copy
Info Primary
#6573f8
--content-info-primary
Click to copy
Border Colors
Border Primary
#717892
--border-primary
Click to copy
Border Brand Primary
#45D1FF
--border-brand-primary
Click to copy
Border Brand Secondary
#0052B4
--border-brand-secondary
Click to copy
Border Content Secondary
#717892
--border-content-secondary
Click to copy
Text Colors
Content Secondary
#717892
--content-secondary
Click to copy
Content Tertiary
#95a4bb
--content-tertiary
Click to copy
Content Caption
#9FA6B2
--content-caption
Click to copy
Content White
#ffffff
--content-white
Click to copy
Usage Instructions
- • Click any color card to copy the hex value to your clipboard
- • Use CSS variables in your styles:
var(--content-brand-primary) - • Toggle between light and dark themes to see color variations
- • Brand primary colors are the main colors for your trading platform identity
- • Surface colors are for backgrounds and containers
- • Accent colors are for status indicators and highlights