8. Color System

Color System

A dark fantasy palette that balances atmosphere, readability, and realm identity-every shade carries narrative weight

6.1 Global UI Colors

Primary (Global)

Obsidian Black

#000000

RGB(0, 0, 0)

Primary backgrounds, deep shadows, dramatic contrast

Mist White

#F5F4F1

RGB(245, 244, 241)

Body text, light UI elements, contrast backgrounds

Elder Gold

#CBA251

RGB(203, 162, 81)

Primary CTAs, highlights, premium elements, accents

Secondary

Azure Night

#0D1A2D

RGB(13, 26, 45)

Secondary backgrounds, UI containers, layered depth

Arcane Teal

#145359

RGB(20, 83, 89)

Mystical elements, magical accents, strategic highlights

Iron Silver

#A1A6B1

RGB(161, 166, 177)

Borders, dividers, subtle UI elements

Neutral Range

Slate 900

#171717

RGB(23, 23, 23)

Dark UI backgrounds, cards, panels

Slate 700

#2F2F2F

RGB(47, 47, 47)

Mid-tone backgrounds, hover states

Warm Grey 300

#B9B5AC

RGB(185, 181, 172)

Secondary text, disabled states, subtle elements

6.2 Realm Identity Colors

Each realm has its own color identity with primary, secondary, and tertiary palettes-use at 5–12% opacity for subtle accents on realm-specific cards, marketing, or lore content.

Khalisia - Crimson Empire

Desert warriors, brass and crimson, honor-bound hierarchies

Crimson Primary

#8B1E2D

Brass Gold

#B88A33

Desert Rose

#CFA57A

Blood Stone

#A25353

Shadow Clay

#472422

Pale Sand

#EEC9BE

Amber Sun

#D9A441

Kimbria - Golden Dominion

Administrative nobles, marble and gold, legacy governance

Crown Gold

#CBA251

Marble Ivory

#F2E6D0

Royal Amber

#D7A74A

Bronze Shadow

#8C734F

Dark Oak

#6B5B45

Pale Cream

#F6E7C4

Obsidian Base

#0E0B07

Ardanor - Arcane Highlands

Arcane researchers, crystal and violet, rune-bound magic

Arcane Violet

#6A3FA0

Mystic Mist

#B9B4C9

Rune Stone

#746E8C

Crystal Amethyst

#9D75C2

Shadow Purple

#2F1B4B

Ethereal Glow

#D7C4F7

Sky Azure

#5DA0D6

Zhojira - Silver Storm Coast

Storm-forged mariners, darkstone and silver, tactical adaptation

Silver Storm

#AEB7C2

Deep Ocean

#0A1222

Mist Grey

#9FAABB

Storm Cloud

#3C4657

Pale Sky

#F5F7FF

Cloud Silver

#CBD7E0

Iron Steel

#687482

Laurielle - Emerald Forest

Ancient forest dwellers, moss and emerald, nature-bound rituals

Forest Emerald

#1F6B45

Moss Gold

#A5A05D

Bark Brown

#5C4A3A

Leaf Sage

#81A86F

Deep Forest

#0D4028

Spring Mist

#D9F2DA

Ancient Stone

#C2A98B

Nanchia - Sapphire Kingdom

Winter warriors, ice and sapphire, survival-honed traditions

Royal Sapphire

#1F4E8C

Ice Silver

#C7D4DE

Slate Grey

#4C566A

Frost Blue

#9DB4C8

Deep Night

#0B1A2E

Snow White

#E1ECF8

Storm Steel

#6A7D8F

Usage Guidelines

Accessibility Standards

  • • Maintain WCAG AA contrast ratios (4.5:1 for body text)
  • • Use Mist White on Obsidian for maximum readability
  • • Elder Gold requires dark backgrounds for text usage
  • • Test all color combinations with accessibility tools

Color Combinations

  • • Obsidian + Elder Gold = Premium, dramatic
  • • Azure Night + Mist White = Clean, professional
  • • Arcane Teal + Elder Gold = Mystical, strategic
  • • Use realm colors for realm-specific content only

Primary Applications

  • • Backgrounds: Obsidian, Azure Night
  • • CTAs & Highlights: Elder Gold
  • • Text: Mist White, Elder Gold (on dark)
  • • Accents: Arcane Teal, realm colors

Color Hierarchy

  • • Obsidian dominates as primary background
  • • Elder Gold commands attention sparingly
  • • Azure Night provides depth and layering
  • • Arcane Teal adds mystical moments

Color Psychology

Our color choices are intentional and strategic, evoking the emotions and atmosphere central to Kaladan's world:

  • Obsidian Black: Mystery, depth, the unknown-inviting players to explore darkness
  • Elder Gold: Prestige, victory, ancient power-the rewards of strategic mastery
  • Mist White: Clarity, wisdom, hope-guiding light in the darkness
  • Azure Night: Mystery, intelligence, the vast unknown of strategy
  • Arcane Teal: Magic, the mystical, hidden knowledge and power