A comprehensive index of the web’s most essential chromatic values. Organized by family for intuitive navigation and discovery.
Need ready-to-ship palettes? Explore the library →Graphite-leaning blue-grays built for editorial dashboards and technical UI shells.
Read family guide →Universally legible grayscale values for product UI, dense typography, and form systems.
Read family guide →Chrome-like neutrals with subtle violet undertones popular in premium editorial brands.
Read family guide →Perfect mid-tone neutrals designed for typography, grids, and print-ready systems.
Read family guide →Warm greige tones that add organic softness to otherwise technical products.
Read family guide →Signal-driven hues for alerts, commerce urgency, and cinematic storytelling.
Read family guide →Optimistic warmth suited for onboarding flows, fintech activations, and brand reveals.
Read family guide →Golden hour hues crafted for premium commerce, luxury hospitality, and data highlights.
Read family guide →High-energy illumination that doubles as warning states and playful highlights.
Read family guide →Electric citrus hues perfect for climate tech, AI visualizations, and futuristic branding.
Read family guide →Natural growth tones spanning wellness, finance, and success indicators.
Read family guide →Polished jewel tones with luxurious depth for fintech, sustainability, and culture brands.
Read family guide →Balanced blue-green hues ideal for health tech, ocean narratives, and mindful productivity.
Read family guide →Signal-bright aquas built for motion design, futuristic assistants, and data highlights.
Read family guide →Airy blues optimized for onboarding, educational UI, and complex data visualizations.
Read family guide →The definitive trust signal for SaaS, fintech, documentation, and navigation components.
Read family guide →Moody academic blues suited for knowledge products, developer tooling, and culture brands.
Read family guide →Dreamy violets crafted for product storytelling, music platforms, and Web3 aesthetics.
Read family guide →Confident royals perfect for leadership brands, community products, and premium SaaS.
Read family guide →Electric magentas for nightlife brands, AI art tools, and bold consumer experiences.
Read family guide →Soft-yet-confident palette for wellness, commerce, and community products.
Read family guide →Romantic reds tuned for editorial storytelling, food tech, and immersive campaigns.
Read family guide →Ship at least one hero tone, one mid-tone, and one accessibility-safe option per family. This keeps marketing, UI, and accessibility in sync.
Only if you are solving different jobs. Slate carries a cool editorial tone; Gray is neutral. Pick the family that aligns with your brand voice to avoid redundancy.
Link each hex inside your token repo to a canonical page (like these family guides) so engineers can understand the context, contrast ratios, and best pairings.