Moon Audio Color System

Overview

Moon Audio needed a consistent and accessible color system to support its growing digital ecosystem. The design team created a comprehensive palette rooted in brand storytelling, accessibility, and scalability. This color system supports light/dark modes, ensures WCAG compliance, and simplifies decision-making for UI designers and developers alike.

Informative Green; Color Information.png

Informative Yellow; Color Information.png

Objective

Align the visual language with Moon Audio’s brand identity.
Build an accessible system using WCAG 2.1 AA/AAA standards.
Provide guidance for consistent UI use across light and dark themes.
Enable scalability with a token-based approach for future growth.