# Chromatic Atlas: UI Color & Typography Workbench

> Build and test light and dark UI themes.

An offline color and typography workbench for designing light and dark UI themes. Compare palettes and font pairings, check contrast, and export CSS and JSON design tokens.

- Category: Design tool
- Status: Available on the web
- Version: Initial release
- Platforms: Web
- Live demo: https://chromaticatlas.beenmoss.com/
- Web page: https://beenmoss.com/projects/chromatic-atlas
- Made by: bee n moss (https://beenmoss.com)

## Who Chromatic Atlas is for

- **Designers and developers:** Compare palettes, typography, and contrast in interface previews before using the design tokens in an app.

## Features

- **Light and dark theme previews:** Try palettes and font pairings in interface previews, check color contrast, and export CSS or JSON tokens.

## Principles

- **Keep presets local:** Saved presets stay in your browser so you can return to your experiments.

## Frequently asked questions

### What is Chromatic Atlas?

Chromatic Atlas: UI Color & Typography Workbench is an offline color and typography workbench for designing light and dark UI themes. Compare palettes and font pairings, check contrast, and export CSS and JSON design tokens. It is made by bee n moss.

### Who is Chromatic Atlas for?

Designers and developers: Compare palettes, typography, and contrast in interface previews before using the design tokens in an app.

### Which platforms does Chromatic Atlas support?

Available on the web. Current version: Initial release.

## Built with


## Resources