---
title: "Paleta"
description: "Cada color de Nibiru, dibujado directamente desde el emblema de loto en el logotipo de la marca."
---

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

## Las pétalas de la marca

Los dos colores alrededor de los cuales gira todo, tomados del emblema del loto.

<Swatch token="--nibiru-iris"        hex="#7c70ab" name="Iris"        usage="Violet primario de la marca — las pétalos internos del loto. Se usa para acentos, enlaces, anillos de foco y líneas finas." />
<Swatch token="--nibiru-iris-deep"   hex="#5e548c" name="Iris Deep"   usage="Violet más oscuro para texto enfatizado y estados activos." />
<Swatch token="--nibiru-iris-soft"   hex="#b6adcd" name="Iris Soft"   usage="Violet claro para fondos sutiles y ornamentos decorativos." />
<Swatch token="--nibiru-skyfall"     hex="#7db7dc" name="Skyfall"     usage="Azul celeste de la marca — las pétalos externos. Acentos frescos, enlaces en modo oscuro." />
<Swatch token="--nibiru-skyfall-deep" hex="#4a8fb7" name="Skyfall Deep" usage="Enfatizado de enlaces, foco." />
<Swatch token="--nibiru-skyfall-soft" hex="#c2dcec" name="Skyfall Soft" usage="Tintado de superficie azul claro." />

## La página

No hay **blanco puro** en el sistema.

<Swatch token="--nibiru-paper"          hex="#f5f1e8" name="Papel"          usage="La página. El color dominante del diseño." />
<Swatch token="--nibiru-mist"           hex="#faf7f0" name="Niebla"         usage="Un poco más claro que el papel — superficies elevadas (tarjetas, paneles)." />
<Swatch token="--nibiru-lavender"       hex="#ece6f3" name="Lavanda"        usage="Tono de superficie con un susurro violeta — barras laterales, llamados a la atención." />
<Swatch token="--nibiru-lavender-deep"  hex="#ddd3eb" name="Lavanda Profundo" usage="Números grandes en el fondo de la página de presentación." />

## Texto

<Swatch token="--nibiru-ink"        hex="#1f1b2e" name="Tinta"        usage="Texto del cuerpo. Indigo oscuro profundo, nunca negro puro." />
<Swatch token="--nibiru-ink-soft"   hex="#4a4258" name="Tinta Suave"   usage="Párrafos de introducción, texto secundario." />
<Swatch token="--nibiru-ink-faint"  hex="#847b94" name="Tinta Fino"  usage="Leyendas, etiquetas tabulares, estado deshabilitado." />

## Acentos restringidos

Tres colores utilizados **raramente** — cada uno merece su lugar apareciendo en solo un papel.

<Swatch token="--nibiru-aurum"  hex="#c9a96e" name="Aurum"   usage="Hoja de oro — el mayor énfasis. El subrayado detrás de la palabra *Impress* en el héroe splash. Utilizar una vez por pantalla." />
<Swatch token="--nibiru-rose"   hex="#d68a8a" name="Rose"    usage="La única nota de peligro. Usada por el borde del llamado de atención peligroso." />
<Swatch token="--nibiru-moss"   hex="#94a96e" name="Moss"    usage="La única nota de éxito / válida. Reservada para indicadores de estado." />

## Modo oscuro

Cuando el usuario activa el modo oscuro, el sistema cambia a una paleta de tonos púrpura pero mantiene las pétalas sin cambios.

<Swatch token="--nibiru-dark-bg"      hex="#181428" name="Vesperiil"     usage="Fondo de página para modo oscuro." />
<Swatch token="--nibiru-dark-surface" hex="#1f1933" name="Alubia"    usage="Superficie para tarjetas y paneles en modo oscuro." />

## No lo hagas

- **No gradientes púrpura en blanco.** Esa es la estética de basura de IA que este sistema rechaza explícitamente.
- **No negro o blanco puro.** Usa Tinta y Papel.
- **No diluyas el oro.** El Aurum nunca debe estar junto a otro acento. Un momento de hoja de oro por pantalla, máximo.
- **No introduzcas nuevos acentos.** La paleta es pequeña a propósito.
