The Code section turns the selected color into ready-to-copy snippets for common development workflows.
Export formats
- CSS for web styles and variables.
- SCSS for Sass workflows.
- Tailwind-style configuration snippets.
- React Native color constants.
- SwiftUI color code.
- JSON for tokens, themes, or config files.
How to use it
- Open
/chromo/{hex}. - Scroll or jump to
Code. - Find the format your project needs.
- Click the copy button on that code card.
- Paste it into your project and adjust naming if needed.
Token naming
Chromo can give you the value and snippet, but your project should still use meaningful token names such as brandPrimary, accent, or surfaceHighlight.