Arcturious is a black and gold brand. Midnight and Solar Gold form the backbone of every touchpoint โ€” from UI and marketing through to print and merchandise. These two colours alone should be enough to make any piece of work feel unmistakably Arcturious.

Warm White is used as the background for most presentations and documents, as content is often easier to read on a light surface.

The accent palette exists as a supporting cast, used very sparingly and primarily in presentations, documents, and data visualisation where additional colours help make tables, infographics, and complex content easier to read and digest.

Primary Colours

The four core brand colours. Solar Gold and Polar Sand bring warmth and energy; Midnight and Warm White anchor the light and dark foundations.

COPIED
Solar Gold
#AF8B0F
Primary brand accent, CTAs, headings, icons
COPIED
Polar Sand
#DFC58C
Secondary gold, hover states, highlights, softer accents
COPIED
Midnight
#0A0A0F
Primary background, hero sections, dark UI
COPIED
Warm White
#F5F1EB
Primary text on dark backgrounds, light surfaces

Accent Colours

Use sparingly โ€” primarily in presentations, documents, and data visualisation where additional colour helps differentiate content in tables, charts, and infographics.

COPIED
Violet Energy
#684D7C
COPIED
Aurora Green
#51B793
COPIED
Nitrogen Blue
#1A7489
COPIED
Ember Rose
#B04A5A

Dark Foundation

A layered dark palette provides depth and hierarchy. Use progressively lighter shades for elevated surfaces and subtle separations.

COPIED
Midnight
#0A0A0F
Primary background, hero sections
COPIED
Charcoal
#141419
Card backgrounds, elevated surfaces
COPIED
Slate
#1E1E26
Secondary surfaces, input fields
COPIED
Carbon
#202020
Alternate dark surface, subtle layering
COPIED
Storm
#2A2A35
Borders, dividers, tertiary surfaces

Neutrals

Warm-tinted neutrals for text hierarchy. Text Black for light backgrounds, Warm White for dark. Avoid pure #FFFFFF or #000000.

COPIED
Text Black
#020200
Primary text on light backgrounds
COPIED
Bone
#E9E6DD
Light backgrounds, cards on light themes
COPIED
Warm White
#F5F1EB
Primary text on dark backgrounds
COPIED
Silver
#B8B5AE
Body text, secondary content on dark
COPIED
Muted
#6B6872
Tertiary text, placeholders, captions

Gradients

Use sparingly for hero sections, feature highlights, and premium UI moments.

Gold Shimmer
linear-gradient(135deg, #AF8B0F, #DFC58C)
Dark Depth
linear-gradient(180deg, #141419, #0A0A0F)
Aurora Fade
linear-gradient(135deg, #1A7489, #51B793)
Violet Glow
linear-gradient(135deg, #684D7C, #1A7489)
Ember Warmth
linear-gradient(135deg, #AF8B0F, #B04A5A)
Solar Storm
linear-gradient(135deg, #D06A45, #AF8B0F)

Functional Colours

Semantic colours for system states and feedback. Warning is derived from Solar Flare. All functional colours meet WCAG AA contrast on dark surfaces.

COPIED
Success
#3D9E7A
Confirmations, positive states, completed actions
COPIED
Warning (Solar Flare)
#D06A45
Caution states, alerts, attention-required
COPIED
Signal Red
#E05A60
Errors, destructive actions, critical alerts
COPIED
Info
#3098B2
Informational states, neutral guidance, tips
Contrast Ratios on Midnight (#0A0A0F)