Color
The Arcadia color palette reflects our platform — refined and focused at first glance, with sophisticated depth that scales across complex energy data applications.
Core Brand Colors
The foundation of Arcadia's brand identity. These colors are approved for logo backgrounds and should dominate all applications.
Evening Sea
HEX: #104336
RGB: 16, 67, 54
CMYK: 76, 0, 19, 74
Pantone: 3435 C
Arcadia Green
HEX: #0FFF87
RGB: 15, 255, 135
CMYK: 94, 0, 47, 0
Pantone: 2255 C
Pampas
HEX: #F3F1EC
RGB: 243, 241, 236
CMYK: 0, 1, 3, 5
Pantone: 11-4801 TCX
Secondary Brand Colors
Extended palette for depth, contrast, and functional applications. These colors support the core brand identity and provide flexibility across digital and physical touchpoints.
Black
HEX: #101F1E
RGB: 16, 31, 30
CMYK: 48, 0, 3, 88
Pantone: 5605 C
Deep Sea
HEX: #0E382D
RGB: 14, 56, 45
CMYK: 75, 0, 20, 78
Pantone: 3308 C
Dark Green
HEX: #145242
RGB: 20, 82, 66
CMYK: 76, 0, 20, 68
Pantone: 3305 C
Paper White
HEX: #F8F7F4
RGB: 248, 247, 244
CMYK: 0, 0, 2, 3
Pantone: 11-0701 TCX
Brand Accents
Accent colors that extend Arcadia's visual language for alerts, data visualization, and supporting UI elements.
Electric Violet
HEX: #7C18D3
RGB: 124, 24, 211
CMYK: 41, 89, 0, 17
Pantone: 2593 C
Blue Marguerite
HEX: #6666D9
RGB: 102, 102, 217
CMYK: 53, 53, 0, 15
Pantone: 2725 C
Viking
HEX: #5CC4DC
RGB: 92, 196, 220
CMYK: 58, 11, 0, 14
Pantone: 2985 C
Aurora
HEX: #C4FF45
RGB: 196, 255, 69
CMYK: 23, 0, 73, 0
Pantone: 2297 C
Color Composition
Visual breakdown showing how each color relates and can be combined for harmony and accessibility.
EVENING SEA
Text, Brand Elements
20%
PAMPAS
Backgrounds, Surfaces
25%
ARCADIA GREEN
CTAs, Highlights
15%
Electric Violet
Accent
10%
Blue Marguerite
Accent
10%
Viking
Accent
10%
Aurora
Accent
10%
Color Combinations
Tested pairings that maintain accessibility standards while creating visual hierarchy and emphasis. All combinations meet WCAG contrast requirements for professional applications.
Core Pairings
Theme-Based Color Combinations
Optimized color pairings for different viewing contexts. Follow these combinations for consistency across light and dark interfaces.
Light Theme
Section Label
Heading Example
Body text appears in Black or Evening Sea for optimal readability.
- Background: Pampas #F3F1EC or White #FFFFFF
- Primary Text: Black #000000 or Evening Sea #104336
- Headings: Evening Sea #104336
- Accent/Eyebrows: Electric Violet #7C18D3
- Highlights: Arcadia Green #0FFF87 (sparingly)
Dark Theme
Featured Content
Heading Example
Body text appears in Pampas or White for clear contrast.
- Background: Evening Sea #104336
- Primary Text: Pampas #F3F1EC or White #FFFFFF
- Headings: Pampas #F3F1EC or Arcadia Green #0FFF87
- Accent Text: Arcadia Green #0FFF87
- Supporting elements: Blue Marguerite or Viking (icons/graphics only)
Using color
When building with the Arcadia brand, color is a powerful tool to establish hierarchy and guide attention. Use it purposefully to ensure your work always feels clear and grounded — while maintaining the distinctive energy that makes Arcadia recognizable across every touchpoint.
Digital Applications
Most elements of our brand should start with our core and secondary brand colors. Particularly in external-facing materials shared beyond our own channels, make sure to include one core brand colors to make sure our brand feels strong.
You can lean sparingly into Electric Violet, Blue Marguerite, Viking and Aurora for highlights, illustrations, Data visualizations, and very strategic accent elements
Physical Materials & Swag
When the Arcadia logo is the primary brand element, use core colors to ensure proper brand recognition and accessibility. This applies to apparel, drinkware, office supplies, bags, and solid-color promotional items.
Secondary colors should ONLY appear within artwork, patterns, or complex graphics — such as illustrated apparel, all-over print items, stickers with artwork, or multi-color designs where colors are part of the illustration, NOT backgrounds.
⚠️ Secondary colors should never be used as solid backgrounds for the logo.
Logo Background Rules
The Arcadia logo has strict background requirements to maintain brand recognition and accessibility across all applications.
Approved Logo Backgrounds
Never Use These as Logo Backgrounds
Color Application Do's and Don'ts
Do
- Use core colors (Evening Sea, Pampas, Arcadia Green) for 75%+ of designs
- Place logo only on approved backgrounds (3 core colors + white)
- Reserve secondary colors for icons, illustrations, and graphics
- Use Arcadia Green sparingly to maintain signature impact
- Test all color combinations for WCAG AA accessibility (minimum 4.5:1)
- Reference the Color Composition chart for recommended distribution
Don't
- Use secondary colors as solid backgrounds for logos or large text
- Mix all colors randomly without strategic purpose
- Override core color usage without considering brand hierarchy
- Use secondary colors for primary navigation or CTAs
- Create new color combinations without accessibility testing
- Use Aurora excessively (it's for strategic highlights only)
Accessibility Standards
All color combinations must meet WCAG 2.1 Level AA standards for contrast ratios. Use these tested pairings for accessible interfaces.
Need to test a new combination? Use a contrast checker tool like WebAIM or Stark, and ensure it meets WCAG AA minimum standards before use.
Questions or Special Cases?
Help us fine-tune our brand!
We're here to help ensure brand consistency across all touchpoints while supporting your creative needs.
Message #ask-design on Slack
Common scenarios to check in about:
- • Using colors in new product features or UI components
- • Creating marketing materials or campaign assets
- • Ordering branded swag or corporate gifts
- • Developing custom illustrations or graphics
- • Proposing new color combinations
- • Questions about logo placement and backgrounds
- • Accessibility pairings and WCAG compliance
- • International or localized design needs
- • Event materials and environmental branding
- • Print materials (business cards, brochures, signage)
- • Theme color combinations for presentations or websites