rara

Soft, cute, unified design tokens for web, CLI, TUI, and desktop. One palette, every platform.

v0.1.0 W3C DTCG

Colors

Click any row to copy the hex value. Role-based naming — not tied to any platform.

Token	Hex	Usage
`ink`	`#3D2B2E`	Primary text, headings, brand mark — warm dark brown
`muted`	`#8C7478`	Secondary text, captions, metadata — dusty rose gray
`subtle`	`#B8A0A4`	Tertiary text, placeholders, disabled — soft mauve
`line`	`#F0DEE0`	Borders, dividers, separators — blush pink
`surface`	`#ffffff`	Cards, panels, elevated surfaces
`bg`	`#fafafa`	Page background — clean white
`pop`	`#E8788A`	Accent — CTAs, links, active states, highlights — coral pink
`pop-hover`	`#D4606F`	Accent hover/pressed state — deeper rose
`ok`	`#7BC4A0`	Success, passing, positive — soft mint green
`warn`	`#E8B86D`	Warning, caution — warm peach gold
`err`	`#D46A6A`	Error, failure, destructive — muted red

Usage

How tokens map to real UI. Labels show the token applied to each element.

rara dashboard v0.4.2

12 crates compiled

2 warnings in tenki/src/lib.rs

1 test failed

Buttons

Status

Build passed

2 warnings

Deploy failed

ANSI Terminal

16-color mapping for terminals, TUIs, and CLI output. Normal + bright pairs.

Name	Normal	Bright
`black`	`#3D2B2E`	`#8C7478`
`red`	`#D46A6A`	`#E89090`
`green`	`#7BC4A0`	`#A0D9BF`
`yellow`	`#E8B86D`	`#F0D090`
`blue`	`#9BAFD9`	`#B8CCE8`
`magenta`	`#E8788A`	`#F0A0B0`
`cyan`	`#85C7C9`	`#A8D8D8`
`white`	`#F0DEE0`	`#fafafa`

$ rara build --release

Compiling kotoba v0.3.1

Compiling tenki v0.2.0

Compiled 12 crates in 1.4s

warning: unused import lib.rs:14

error: test_parse_date FAILED

Result: 11 passed, 1 failed

Typography

Inter for UI, JetBrains Mono for code. Scale from 0.75rem to 4.5rem.

text-xs 0.75rem The quick brown fox

text-sm 0.85rem The quick brown fox

text-base 1rem The quick brown fox

text-md 1.1rem The quick brown fox

text-lg 1.4rem The quick brown fox

text-xl 2.2rem The quick brown fox

text-2xl 3.2rem The quick brown fox

text-3xl 4.5rem The quick brown fox

Spacing

4px base unit. Consistent across all platforms.

space-0

space-1

4px

space-2

8px

space-3

12px

space-4

16px

space-5

20px

space-6

24px

space-8

32px

space-10

40px

space-12

48px

space-16

64px

space-20

80px

space-24

96px

Radius

sm 6px

md 12px

lg 16px

full 9999px

Platform Outputs

Generated from palette.json. Copy into your project or import as a dependency.

Web

platforms/web/tokens.css

color: var(--color-ink);
background: var(--color-bg);
border: 1px solid var(--color-line);
font-family: var(--font-sans);

CLI (Rust)

platforms/cli/theme.rs

use crate::style;

println!("{}Error:{} something broke",
    style::ERR, style::RESET);
println!("{}ok{}", style::OK, style::RESET);

TUI / Ratatui

platforms/tui/theme.rs

use crate::theme;

let style = Style::default()
    .fg(theme::POP)
    .bg(theme::BG);

Terminal Emulator

platforms/terminal/alacritty.toml

[colors.primary]
background = "#fafafa"
foreground = "#3D2B2E"

[colors.normal]
blue = "#9BAFD9"