Colors

The Stoneware color palette built on CSS custom properties.

Neutrals

The gray scale forms the foundation. Used for text, backgrounds, and borders.

white#ffffff

gray-50#fafafa

gray-100#f4f4f5

gray-200#e4e4e7

gray-300#d4d4d8

gray-400#a1a1aa

gray-500#71717a

gray-600#52525b

gray-700#3f3f46

gray-800#27272a

gray-900#18181b

black#0a0a0a

Semantic Colors

success#16a34a

warning#d97706

danger#dc2626

accent#1c8ece

Usage

/* Use via CSS variables */
.my-element {
  color: var(--sw-text-primary);
  background: var(--sw-bg-card);
  border: 1px solid var(--sw-border-default);
}