ChromaCraft
A tool and initiative by Institute of Design, Guwahati
Curated Famous & Iconic Palettes
World-renowned developer IDE themes, iconic design systems, and art movements. Click any palette to load it instantly.
Active Palette Swatches
Click any card to select anchor • Click hex to edit manually
Notification & Alert Text Boxes
Pattern from Attachment
Payment processed
Transaction ID: #14402
Connection failed
Check your Internet connection
Update available
Version 2.1.0 ready to install
Something went wrong
Please try again later
Create Custom Notification Pill
Test any text & color
Accent:
Interactive Design System Card
Customizable Surface
Institute of Design • IDG
Sprint 04
Advanced Design Systems & Visual UX
Crafting coherent visual identities with mathematically harmonious color scales, strict contrast thresholds, and tactile feedback.
Palette Cohesion
99.4%
Optimal
Photopic Contrast
AAA
ISO/IEC
WCAG 2.1 Contrast Testing
Evaluate text legibility against ISO/IEC & W3C accessibility compliance
Foreground (Text Color)
Background Color
Institute of Design, Guwahati • Perfecting Pixels
Visual contrast is the cornerstone of intuitive design. When typography maintains strict contrast with its canvas, students and users engage effortlessly regardless of screen glare, ambient lighting, or visual fatigue.
Current Palette Accessibility Baseline:
| Swatch | On White (#FFF) | On Dark (#121212) |
|---|
Normal color vision (standard full-spectrum trichromat perception across all cone cells).
Perceived Palette Output:
HSB Color Picker
Hex Color Code
Red
Green
Blue
Tonal Variations of Current Hue
Export Design Palette & Embeds
Copied to clipboard