Skip to content

Colors

The NRI palette is a human decision: which hues carry the brand, which stay quiet as structure, and which signal meaning in the interface. This page is that story. Theme triples built from these colors live on Theming; how they resolve in code lives on Implementation.

Each card shows the brand description and attributes as written in NRI brand documentation, plus web status: whether the hex is defined as a CSS custom property in Client/src/design-system/tokens/colors.nri.css (and therefore available on the site).

The brand palette.

Egyptian Blue

Regal, ancient hue, rich with mystery and history, conjures visions of classic art and royal elegance.

Intellectual, Reflective, Authoritative, Wisdom, Tradition, Inspiration

HEX #20358CCMYK 77, 62, 0, 45

In the web palette — --color-egyptian-blue

Blush Pop

Gleaming, sugary pink mixes delicacy and high energy for playful moods, imaginative settings, and cheerful design.

Gentle, Optimistic, Innocence, Charm

HEX #E5A4CBCMYK 0, 28, 11, 10

In the web palette — --color-blush-pop

These are non-branded, versatile tones for backgrounds, text, borders, and dividers. They’re essential for hierarchy and readability without distracting from brand elements.

Ash Grey

Muted blend balancing green and grey for an earthy effect; subtly sophisticated and understatedly modern.

Stable, Settling, Balanced, Growth, Restoration

HEX #AFCDC6CMYK 15, 0, 3, 20

In the web palette — --color-ash-grey

Granite

Earthy richness that combines strength and calm, ideal for rooted, organic or nature-inspired visual storytelling.

Grounded, Stable, Calming, Roots, Success

HEX #5B6C5DCMYK 16, 0, 14, 58

In the web palette — --color-granite

Sand Dune

Earthy shade capturing sunlit sand’s tranquility, balancing warmth and subtlety for an inviting, natural feel.

Calm, Reflection, Creativity, Reduced Stress, Stability

HEX #D6D7C1CMYK 0, 0, 10, 16

In the web palette — --color-sand-dune

These convey meaning in the UI, such as actions or statuses. Communicate intent consistently. Not tied to brand but to user experience.

Royal Gold

Glowing and regal, this yellow shade beams with luxury, prestige, and a touch of radiant vintage elegance.

Uplifting, Encouraging, Prosperity

HEX #FADA5ECMYK 0, 13, 62, 2

In the web palette — --color-royal-gold (also --color-warning)

Emerald

Radiates brilliance and clarity, like dewy grass in first sunlight, promising harmony, vitality, and success.

Stability, Harmony, Healing, Peace, Calm, New Beginnings

HEX #0ECB8ACMYK 93, 0, 32, 20

In the web palette — --color-emerald (also --color-positive)

Cinnabar

Fiery sophistication illuminates bold statements, exuding a dynamic flair woven with vintage-style confidence.

Confidence, Energy, Creativity

HEX #E34234CMYK 0, 71, 77, 11

In the web palette — --color-cinnabar (also --color-negative)