Colors and palettes.
Colors and palettes.
Colors and palettes.
Primary Colors
Forest Green (Primary Dark)
#003B2A
Usage: Usage: Primary brand color, headers, key UI elements, hero text, logo, key messaging, section headers
Emerald Green (Primary)
#01956B
Usage: Logo, buttons, accent elements, progress indicators
Primary Colors
Forest Green (Primary Dark)
#003B2A
Usage: Usage: Primary brand color, headers, key UI elements, hero text, logo, key messaging, section headers
Emerald Green (Primary)
#01956B
Usage: Logo, buttons, accent elements, progress indicators
Primary Colors
Forest Green (Primary Dark)
#003B2A
Usage: Usage: Primary brand color, headers, key UI elements, hero text, logo, key messaging, section headers
Emerald Green (Primary)
#01956B
Usage: Logo, buttons, accent elements, progress indicators
Secondary Colors
Mint Green (Light Accent)
#4A9B7E
Usage: Secondary buttons, borders, subtle backgrounds
Mint Green (Light Accent)
#7BC5A3
Usage: Hover states, light backgrounds, success messages
Secondary Colors
Mint Green (Light Accent)
#4A9B7E
Usage: Secondary buttons, borders, subtle backgrounds
Mint Green (Light Accent)
#7BC5A3
Usage: Hover states, light backgrounds, success messages
Secondary Colors
Mint Green (Light Accent)
#4A9B7E
Usage: Secondary buttons, borders, subtle backgrounds
Mint Green (Light Accent)
#7BC5A3
Usage: Hover states, light backgrounds, success messages
Neutral Colors
Charcoal (Primary Text)
#2D3748
Usage: Primary text, body copy, dark UI elements
Slate Gray (Secondary Text)
#718096
Usage: Secondary text, captions, placeholders
Light Gray (Subtle)
#E2E8F0
Usage: Borders, dividers, subtle backgrounds
Off White (Background)
#F7FAFC
Usage: Page backgrounds, cards, clean sections
Neutral Colors
Charcoal (Primary Text)
#2D3748
Usage: Primary text, body copy, dark UI elements
Slate Gray (Secondary Text)
#718096
Usage: Secondary text, captions, placeholders
Light Gray (Subtle)
#E2E8F0
Usage: Borders, dividers, subtle backgrounds
Off White (Background)
#F7FAFC
Usage: Page backgrounds, cards, clean sections
Neutral Colors
Charcoal (Primary Text)
#2D3748
Usage: Primary text, body copy, dark UI elements
Slate Gray (Secondary Text)
#718096
Usage: Secondary text, captions, placeholders
Light Gray (Subtle)
#E2E8F0
Usage: Borders, dividers, subtle backgrounds
Off White (Background)
#F7FAFC
Usage: Page backgrounds, cards, clean sections
Accent Colors (Use Sparingly)
Gold (Premium)
#D4AF37
Usage: Premium features, achievements, highlights
Coral (Alert/Warning)
#FF6B6B
Usage: Warnings, error states, important alerts
Sky Blue (Information)
#4299E1
Usage: Information messages, links, helpful tips
Accent Colors (Use Sparingly)
Gold (Premium)
#D4AF37
Usage: Premium features, achievements, highlights
Coral (Alert/Warning)
#FF6B6B
Usage: Warnings, error states, important alerts
Sky Blue (Information)
#4299E1
Usage: Information messages, links, helpful tips
Accent Colors (Use Sparingly)
Gold (Premium)
#D4AF37
Usage: Premium features, achievements, highlights
Coral (Alert/Warning)
#FF6B6B
Usage: Warnings, error states, important alerts
Sky Blue (Information)
#4299E1
Usage: Information messages, links, helpful tips
Resources
Download Logos
Color Codes
Font Files
Contact
Support
Brand Team
Legal
Guidelines
Social Media
Templates
FAQ
More
Brand Policy
Updates
Feedback
Resources
Download Logos
Color Codes
Font Files
Contact
Support
Brand Team
Legal
Guidelines
Social Media
Templates
FAQ
More
Brand Policy
Updates
Feedback
Resources
Download Logos
Color Codes
Font Files
Contact
Support
Brand Team
Legal
Guidelines
Social Media
Templates
FAQ
More
Brand Policy
Updates
Feedback