ephraimduncan/geist-colors

Geist Design System Colors

Usage

1. Import Geist Colors you want to use in your CSS

@import "geist-colors/amber";
@import "geist-colors/blue-dark";
@import "geist-colors/background";

.bg {
    background: var(--background-100);
}

.text-amber {
    color: var(--amber-100);
}

2. Import it in your JavaScript/TypeScript

import { amber, blueDark } from "geist-colors";

const amber200 = amber[200];
const blueDark100 = blueDark[100];

Documentation

For full documentation, visit vercel.com/geist/colors.

Installation

pnpm add geist-colors