Colors That Connect
Authentic Demos brand colors: Royal Blue and Tangy Orange with complete color scales
🎨 Color Palette
Our color palette tells the story of Demos—a perfect balance between the timeless elegance of monochrome and the vibrant energy of innovation. These are the authentic Demos brand colors from our official brand guidelines.
The Foundation: Black & White
Like the perfect canvas, our monochrome foundation provides clarity and sophistication. Black represents the depth of possibility, while white illuminates the path forward.
#000000RGB(0, 0, 0)BlackCore brand color, backgrounds, primary text#FFFFFFRGB(255, 255, 255)WhitePrimary text on dark, contrast, clarity
The Royal Blue Spectrum
Royal Blue is more than a color—it's a promise of trust, reliability, and seamless connections. From deep ocean depths to bright sky highlights, our blue palette gives you the perfect shade for every moment.
#4169E1RGB(65, 105, 225)Royal BlueLinks, interactive elements, trust signals
🔵 Royal Blue - The Signature
The workhorse. Your go-to for buttons, links, and interactive elements. This is the blue that says "click me" without shouting. The authentic Demos brand blue.
Hex: #4169E1 | RGB: 65, 105, 225
Perfect for: Navigation, buttons, links, backgrounds, borders, hover states
Deep Blue#0A1628Dark Blue#1E3A8ABlue#2563EBRoyal Blue#4169E1Light Blue#60A5FASky Blue#93C5FD
The Tangy Orange Energy
Tangy Orange is our spark—the color of action, innovation, and bold moves. While Royal Blue builds trust, Tangy Orange ignites action. Use it wisely, and watch engagement soar.
#FF4500RGB(255, 69, 0)Tangy OrangeCTAs, highlights, dynamic actions
🔶 Tangy Orange - The Action Hero
The action hero. This is your primary CTA color. When you need someone to click, sign up, or take the leap—this is your shade. The authentic Demos accent color.
Hex: #FF4500 | RGB: 255, 69, 0
Perfect for: Primary CTAs, important alerts, featured content, hover states, progress indicators
Dark Orange#CC3700Tangy Orange#FF4500Tomato#FF6347
✨ The Color Rules
Start with black and white as your foundation. Add Royal Blue when you need to build trust and guide users. Introduce Tangy Orange when it's time to inspire action.
Pair Royal Blue + Tangy Orange for the perfect trust + action combo that guides attention.
Less is more. Tangy Orange is powerful—use it strategically. One orange CTA per view.
Contrast matters. Always ensure sufficient contrast ratios for accessibility (WCAG AA: 4.5:1 minimum).
Primary ActionsConnect WalletUse Tangy Orange (#FF4500) for primary CTAs that demand attention and action.Secondary ActionsLearn MoreUse Royal Blue (#4169E1) for secondary actions and informational elements.
FOOTER
[ CYA ]
