01
Light and dark theme previews
Try palettes and font pairings in interface previews, check color contrast, and export CSS or JSON tokens.
Design tool
Available on the web
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.
Web demoTry Chromatic AtlasA closer look
See Chromatic Atlas in action.
Open an image to explore it in full detail.
Built for
Who Chromatic Atlas is for.
Designers and developers
Compare palettes, typography, and contrast in interface previews before using the design tokens in an app.
What it does
A focused tool, grown carefully.
Built around
The promises underneath.
Promise 01
Keep presets local
Saved presets stay in your browser so you can return to your experiments.
From the toolshed
What Chromatic Atlas is built with.
No server of its own: everything lives on your device.
See how the others are builtGood to know
Questions about Chromatic Atlas.
- 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.
Project resources
Support, privacy, and control.
These documents belong to Chromatic Atlas: UI Color & Typography Workbench. They are not global policies for every bee n moss project.