UI / Components / brand / TierPalette

TierPalette

Scale gold · Pro color · Free greyscale tokens.

Color tokens per tier. Scale = gold trio, Pro = brand color trio (Scout / Argus / Flint), Free = greyscale trio. Import once, get a tier-aware palette for any billing-context surface.

$npx dock-ui add tier-palette

Usage

import { tierPalette } from "@/components/ui/tier-palette";

const colors = tierPalette("pro");
// → ["#0A84FF", "#FF2D92", "#BF5AF2"]

Install

via CLI

$ npx dock-ui add tier-palette

Writes the file(s) directly to your components/ui/ folder. You own the code.

For agents

curl -L https://ui.trydock.ai/r/tier-palette.json

Returns a JSON manifest with file paths + contents. Agent-readable, LLM-fetchable.

← All components

Themes·Component kit · glossary

View on GitHub →