---
title: Palette
description: Every Nibiru colour, drawn directly from the lotus mark in the brand logo.
---

import Swatch from '../../../../components/Swatch.astro';

## The brand petals

The two colours that everything else orbits, lifted from the lotus mark.

<Swatch token="--nibiru-iris"        hex="#7c70ab" name="Iris"        usage="Primary brand violet — the inner petals of the lotus. Used for accents, links, focus rings, hairlines." />
<Swatch token="--nibiru-iris-deep"   hex="#5e548c" name="Iris Deep"   usage="Deeper violet for emphasis text and active states." />
<Swatch token="--nibiru-iris-soft"   hex="#b6adcd" name="Iris Soft"   usage="Pale violet for subtle backgrounds and decorative ornaments." />
<Swatch token="--nibiru-skyfall"     hex="#7db7dc" name="Skyfall"     usage="Brand sky-blue — the outer petals. Cool accents, dark-mode links." />
<Swatch token="--nibiru-skyfall-deep" hex="#4a8fb7" name="Skyfall Deep" usage="Link emphasis, focus." />
<Swatch token="--nibiru-skyfall-soft" hex="#c2dcec" name="Skyfall Soft" usage="Pale blue surface tint." />

## The page

There is **no pure white** in the system.

<Swatch token="--nibiru-paper"          hex="#f5f1e8" name="Paper"          usage="The page. The dominant colour of the design." />
<Swatch token="--nibiru-mist"           hex="#faf7f0" name="Mist"           usage="Slightly lighter paper — elevated surfaces (cards, panels)." />
<Swatch token="--nibiru-lavender"       hex="#ece6f3" name="Lavender"       usage="Surface tint with a violet whisper — sidebars, callouts." />
<Swatch token="--nibiru-lavender-deep"  hex="#ddd3eb" name="Lavender Deep"  usage="Big background numerals on the splash page." />

## Text

<Swatch token="--nibiru-ink"        hex="#1f1b2e" name="Ink"        usage="Body text. Deep indigo-black, never pure black." />
<Swatch token="--nibiru-ink-soft"   hex="#4a4258" name="Ink Soft"   usage="Lead paragraphs, secondary text." />
<Swatch token="--nibiru-ink-faint"  hex="#847b94" name="Ink Faint"  usage="Captions, tabular labels, disabled state." />

## Restrained accents

Three colours used **rarely** — each earns its place by appearing in only one role.

<Swatch token="--nibiru-aurum"  hex="#c9a96e" name="Aurum"   usage="Gold leaf — the highest emphasis. The underline behind the word *Impress* on the splash hero. Use once per screen." />
<Swatch token="--nibiru-rose"   hex="#d68a8a" name="Rose"    usage="The single danger note. Used by the danger-callout border." />
<Swatch token="--nibiru-moss"   hex="#94a96e" name="Moss"    usage="The single success / valid note. Reserved for status indicators." />

## Dark mode

When the user toggles dark mode, the system flips to a twilight palette but keeps the petals unchanged.

<Swatch token="--nibiru-dark-bg"      hex="#181428" name="Twilight"     usage="Dark-mode page background." />
<Swatch token="--nibiru-dark-surface" hex="#1f1933" name="Aubergine"    usage="Dark-mode surface for cards and panels." />

## Don't

- **No purple gradients on white.** That's the AI-slop aesthetic this system explicitly rejects.
- **No pure black or pure white.** Use Ink and Paper.
- **Don't dilute the gold.** Aurum should never be next to another accent. One gold-leaf moment per screen, max.
- **Don't introduce new accents.** The palette is small on purpose.
