Colors

Color palette and tokens

CSS Variables

--color-accent

236, 72, 153

Primary accent color (pink)

--color-accent-subtle

rgba(var(--color-accent), 0.7)

Subtle accent for eyebrows

.background-color-base

stone-50 / stone-950

.background-color-subtle

stone-100 / stone-900

.background-color-subtler

stone-200 / stone-800

.background-color-subtlest

stone-300 / stone-700

The quick brown fox

.text-color-base 100% opacity

The quick brown fox

.text-color-subtle 70% opacity

The quick brown fox

.text-color-subtler 60% opacity

The quick brown fox

.text-color-subtlest 40% opacity

.border-color-base

.border-color-subtle

.border-color-subtler

.border-color-subtlest

Dark mode is enabled via Tailwind's class strategy. The site automatically respects the user's system preference.

All color tokens include both light and dark mode values. Toggle your system appearance to preview.