Back to Portfolio

Color Palette

Foundation · Primitive Colors

11 palettes · 220 design tokens

AA GUIDELINES - PASSED (WCAG)
Color TokensHover swatch · Click to copy hex

Neutral

Light

20 shades

Alpha Neutral

Dark (Opacity)

20 shades

Primary

Teal

20 shades

brand-teal

Success

Green

20 shades

green-hue

Alert

Yellow

20 shades

yellow-hue

Warning

Orange

20 shades

orange-hue

Danger

Red

20 shades

red-hue

System-Blue

Vivid Blue

20 shades

blue-hue

Spl-Rose

Warm Rose

20 shades

rose-hue

Spl-Violet

Violet

20 shades

violet-hue

Spl-Cyan

Cyan

20 shades

cyan-hue

Design System · Color Library

Crafted with 20+ years of design expertise.
WCAG AA compliant · 11 palettes · 220 design tokens

220Design tokens
11Color palettes
19Steps per palette
3Token layers
V2.1Current version
WCAG AACompliance level
Design System
HEX Portal
● V2.1 · Active

A token-based design system built for enterprise SaaS — cross-platform across Web, iOS, and Android. Primitive → semantic → component. One source of truth.

PrimitiveRaw values. No meaning.~80
SemanticIntent layer. What it means.~90
ComponentLeaf tokens. Component-owned.~50
Color Library
Neutral
19
Primary
19
Success
19
Alert
19
Warning
19
Danger
19
Sys-Blue
19
Spl-Rose
19
Spl-Violet
19
Spl-Cyan
19
Architect
Want this system in your product?

This is a live demo of a production design system — the architecture, token taxonomy, and component library I built at CYGNVS. I build systems like this for Series B–D SaaS teams.

Book a 30-min intro→Read the full case study↗
WCAG AA PassedCross-platformTokens Studio
eswar@eswarcreatives.in·© 2026 Eswar Maheswaran. HEX Portal Design System V2.1.
PortfolioServicesAboutLinkedIn ↗