Color palettes, with meaning built in.
Structured. Reusable. Implementation-ready.
Chromaril defines a consistent format for color palettes, including metadata, variants, and visual previews that can be used across documentation, applications, and tooling.
Open specification. Shared tooling. Incremental platform delivery.
Tools built on a shared palette model
Each surface in Chromaril uses the same underlying format so palettes can move between documentation, application workflows, and implementation without translation.
Explore Palettes
Browse example palettes with structured metadata, previews, and filters.
Open →Editor
Create and edit palette documents using the Chromaril model.
Open →Palette Visualizer
Review standard views and inspect how a palette behaves across supported previews.
Open →Color Picker
Fine-tune any color with HSL, OKLCH, and contrast indicators — right in the browser.
Open →Contrast Checker
Check every pair in a palette against WCAG and APCA thresholds at a glance.
Open →Image Picker
Pull a palette out of any photo and map the colors into semantic roles automatically.
Open →Gradient Maker
Blend any two palette colors into a smooth, role-aware gradient with exportable stops.
Open →Schema first
A formal, open specification for palettes — semantic roles, variants, and visual representations baked into the format.
Metadata rich
Colors carry meaning, not just hex values. Declare roles, contrast pairs, and intent alongside the swatch.
Visual first
Standard views render palettes into consistent previews so a Chromaril palette looks the same across every tool.
Example palettes
Representative palette documents available in the current library.
Review the current platform surfaces.
Open the palette library or work in the editor while the final product copy and positioning are still being developed.
Open the library →