Color System
Primary Brand Colors
DYFIA Flame
HEX: #E8503A
RGB: 232, 80, 58
CMYK: 0, 66, 75, 9
PANTONE: 2027 C
RGB: 232, 80, 58
CMYK: 0, 66, 75, 9
PANTONE: 2027 C
DYFIA Gold
HEX: #F2B500
RGB: 242, 181, 0
CMYK: 0, 25, 100, 5
PANTONE: 7408 C
RGB: 242, 181, 0
CMYK: 0, 25, 100, 5
PANTONE: 7408 C
DYFIA Green
HEX: #28916D
RGB: 40, 145, 109
CMYK: 72, 0, 25, 43
PANTONE: 3288 C
RGB: 40, 145, 109
CMYK: 72, 0, 25, 43
PANTONE: 3288 C
DYFIA Blue
HEX: #2D6DB5
RGB: 45, 109, 181
CMYK: 75, 40, 0, 29
PANTONE: 2935 C
RGB: 45, 109, 181
CMYK: 75, 40, 0, 29
PANTONE: 2935 C
DYFIA Burgundy
HEX: #8B3A3A
RGB: 139, 58, 58
CMYK: 0, 58, 58, 45
PANTONE: 7609 C
RGB: 139, 58, 58
CMYK: 0, 58, 58, 45
PANTONE: 7609 C
Supporting Neutrals
Charcoal
HEX: #333333
RGB: 51, 51, 51
Usage: Body text, headings
RGB: 51, 51, 51
Usage: Body text, headings
Light Gray
HEX: #E0E0E0
RGB: 224, 224, 224
Usage: Borders, dividers, backgrounds
RGB: 224, 224, 224
Usage: Borders, dividers, backgrounds
White
HEX: #FFFFFF
RGB: 255, 255, 255
Usage: Backgrounds, text on dark
RGB: 255, 255, 255
Usage: Backgrounds, text on dark
Color Usage Guidelines
- DYFIA Blue is the primary brand color - use for CTAs, links, and key UI elements
- Supporting colors (Flame, Gold, Green, Burgundy) add vibrancy - use for accents, icons, and visual interest
- Charcoal for all body text and headings
- Light Gray for subtle borders and backgrounds
- Maintain 60-30-10 rule: 60% neutral, 30% primary, 10% accent colors