Skip to main content

Colors

Click any swatch to copy its hex value.

Light vs Dark​

Light Mode
Background
Background Inverse
Text
Text Inverse
Dark Mode
Background
Background Inverse
Text
Text Inverse

Neutrals​

Light Mode
Sand
Gray

Brand​

Light Mode
Primary · Blood Orange
Secondary · Bitcoin Orange
Tertiary · Stacks Purple

Status​

Light Mode
Success
Error

Usage​

.card {
  background-color: var(--background);
  color: var(--foreground);
  border: 1px solid var(--border);
}
<div className="bg-primary text-white">Blood Orange CTA</div>
<div className="bg-background text-foreground">Themed surface</div>