Red Brand Color Palette
Complete color system for bold, confident branding
A comprehensive red-based color palette designed for brands that want to convey confidence, energy, and approachable professionalism.
Primary Colors
Core brand colors for main elements
Primary
#d33f21
Bold Red
Primary CTAs, logo, key highlights, main brand elements
RGB: 211, 63, 33 • HSL: 12°, 76%, 48%
#a6381f
Dark Red
Hover states, secondary elements, depth and contrast
RGB: 166, 56, 31 • HSL: 11°, 69%, 39%
#e5624b
Light Red
Backgrounds, subtle accents, softer applications
RGB: 229, 98, 75 • HSL: 9°, 74%, 60%
Secondary Colors
Supporting colors that complement the primary palette
#c49a9a
Dusty Rose
Softer accents, feminine touches
#e6b17a
Warm Gold
Success states, premium highlights
#a8b5a0
Sage Green
Balance, natural elements
#7a9cc6
Soft Blue
Cool contrast, trust elements
Neutral Colors
Foundation colors for text, backgrounds, and structure
#1a1a1a
Rich Black
Primary text, headlines
#2c2c2c
Charcoal
Secondary text, headers
#666666
Medium Grey
Body text, captions
#8a8a8a
Light Grey
Subtle text, placeholders
#f0f0f0
Light Background
Section backgrounds, cards
#fafafa
Off White
Page backgrounds, contrast
#ffffff
Pure White
Clean backgrounds, text on dark
#faf8f6
Warm White
Softer backgrounds, warmth
State Colors
Functional colors for UI states and feedback
#22c55e
Success Green
Success messages, confirmations
#f59e0b
Warning Orange
Warnings, caution states
#dc2626
Error Red
Error messages, destructive actions
#3b82f6
Info Blue
Information, links, neutral actions
Brand Gradients
Dynamic gradients for modern applications
Primary Gradient
Red Gradient
Hero sections, primary CTAs, brand statements
linear-gradient(135deg, #d33f21 0%, #a6381f 100%)
Soft Gradient
Warm Gradient
Backgrounds, subtle accents, softer sections
linear-gradient(135deg, #e5624b 0%, #c49a9a 100%)
Neutral Gradient
Light Gradient
Page backgrounds, card containers, subtle depth
linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%)