Inkwell

A gorgeous, accessible color system.

Based on Radix Colors, modified and enhanced by Seán Doran.

Features

• 🎨 100+ carefully crafted color palettes
• ♿ Accessible color combinations
• 🌙 Light and dark variants
• 📱 Alpha channel support
• 🎯 CSS custom properties
• 📦 TypeScript support
• 🚀 Zero runtime dependencies

Installation

npm install @spjpgrd/inkwell
# or
yarn add @spjpgrd/inkwell
# or
pnpm add @spjpgrd/inkwell

Usage

import { amber, blue, gray } from '@spjpgrd/inkwell';

// Use the colors in your CSS
const styles = {
  backgroundColor: amber.amber9,
  color: gray.gray1,
  borderColor: blue.blue6,
};

Documentation

For full documentation, visit radix-ui.com/colors/docs.

Authors

• Colm Tuite (@colmtuite)
• Vlad Moroz (@vladyslavmoroz)
• Modified by Seán Doran (@spjpgrd)

License

MIT