{ BRANDKIT }

Color

DESIGN SYSTEM

The brand colors showcase the

voice of the identity.

Explore Color

→

{ BRANDKIT }

Color

DESIGN SYSTEM

The brand colors showcase the

voice of the identity.

Explore Color

→

{ BRANDKIT }

Color

The brand colors showcase the

voice of the identity.

Explore Color

→

Guidelines

Color is one of the fastest ways the brand is recognized

(Color)

Color is one of the fastest ways the brand is recognized. It sets the mood before a single word is read. The palette is designed to feel confident and modern: bold enough to stand out, restrained enough to remain timeless. This section defines the core colors, supporting tones, and usage rules so every screen, slide, and surface feels unmistakably part of the same identity.

Guidelines

Color is one of the fastest ways the brand is recognized

Color is one of the fastest ways the brand is recognized. It sets the mood before a single word is read. The palette is designed to feel confident and modern: bold enough to stand out, restrained enough to remain timeless. This section defines the core colors, supporting tones, and usage rules so every screen, slide, and surface feels unmistakably part of the same identity.

Color is one of the fastest ways the brand is recognized. It sets the mood before a single word is read. The palette is designed to feel confident and modern: bold enough to stand out, restrained enough to remain timeless. This section defines the core colors, supporting tones, and usage rules so every screen, slide, and surface feels unmistakably part of the same identity.

{ COLOR // PRIMARY PALETTE }

Primary Palette

The Quantum Dualism system establishes a dual‑primary framework where Blue and Purple function as distinct interactive and structural anchors, creating a clear foundation for the design system.

Aether Blue

P—002

#12CFF7

Deep Cosmic Purple

P—001

5516C9

Black

P—003

#050505

Off White

P—004

#F5F1E6

{ COLOR // SECONDARY PALETTE }

Secondary Palette

The Kinetic Spectrum adds high‑vibrancy energy to the system, with Electric Cyan and Neon Magenta powering the reactive layer, while Code Red is reserved for alerts and critical states.

Electric Cyan

S—001

#12CFF7

Purple

S—002

#845BFE

Neon Magenta

S—003

#8250FF

Teal

S—004

#F66485

Cream

S—005

#FBCEBB

Code Red

S—006

#F66485

{ COLOR // SPECTRUM }

Gradients

Gradients are used as a subtle layer of depth and energy.

deep cosmic Puple #F50FE5

aether Blue #0518FF

Teal #BAFAF2

Purple #845BFE

Cream #FBCEBB

neon magenta #F51FC5

{ COLOR // PRIMARY SHADES }

Primary Shades

The primary shades are lighter and darker tonal steps of the core colors, used to create hierarchy, depth, and flexibility.

PRIMARY Aether Blue ShadeS

P1—001

P—1

#087FFF

P1-002

#0C0E4B

P1-003

#151763

P1-004

#1B1D77

P1-005

#272CA6

P1-006

#353AD1

P1-007

#4348FF

P1-008

#6A6EFF

P1-009

#B6B6FF

PRIMARY Aether Blue ShadeS

P1—001

P—1

#087FFF

P1-002

#0C0E4B

P1-003

#151763

P1-004

#1B1D77

P1-005

#272CA6

P1-006

#353AD1

P1-007

#4348FF

P1-008

#6A6EFF

P1-009

#B6B6FF

PRIMARY deep cosmic purple ShadeS

P2—001

P—2

#087FFF

P2-002

#0C0E4B

P2-003

#151763

P2-004

#1B1D77

P2-005

#272CA6

P2-006

#353AD1

P2-007

#4348FF

P2-008

#6A6EFF

P2-009

#B6B6FF

PRIMARY deep cosmic purple ShadeS

P2—001

P—2

#087FFF

P2-002

#0C0E4B

P2-003

#151763

P2-004

#1B1D77

P2-005

#272CA6

P2-006

#353AD1

P2-007

#4348FF

P2-008

#6A6EFF

P2-009

#B6B6FF

{ COLOR // GREYSCALE }

Greyscale

The greyscale palette provides neutral structure for typography, UI, and backgrounds, keeping layouts clean.

GREYSCALE

GR—001

G—1

#96A4A5

GR-002

#101A24

GR-003

#1A2B3C

GR-004

#23384D

GR-005

#30485E

GR-006

#516D85

GR-007

#768FA6

GR-008

#A7BACC

GR-009

#DAE5ED

GREYSCALE

GR—001

G—1

#96A4A5

GR-002

#101A24

GR-003

#1A2B3C

GR-004

#23384D

GR-005

#30485E

GR-006

#516D85

GR-007

#768FA6

GR-008

#A7BACC

GR-009

#DAE5ED

{ COLOR // COMBINATIONS }

Combinations

The color combos are intentional pairings designed for contrast and harmony across backgrounds, text, and accents.

Aa

off-white #F5F1E6

aether Blue #051BD7

Aa

off-white #F5F1E6

purple #F63D68

Aa

PURPLE #6F42CF

TEAL #48EBEC

Home

Home

Home

Home

Home

Home