Color collection
Arctic Cold Color Palettes
Cold arctic palettes for medical, security, infrastructure, and technical product pages.
#3166D8Accent#D6AC51Surface#EBEDF4Text#121621Support#CE829AArctic Cold 20Cold / Blue / TechnicalQuality 97Primary#3195D8Accent#9FD651Surface#EBEFF4Text#121A21Support#CE82B0Arctic Cold 3Cold / Blue / TechnicalQuality 96Primary#9231D8Accent#89D651Surface#F2EBF4Text#1C1221Support#CEAF82Arctic Cold 22Cold / Blue / TechnicalQuality 96Primary#3137D8Accent#51D680Surface#ECEBF4Text#131221Support#CE8285Arctic Cold 24Cold / Blue / TechnicalQuality 96Primary#8A31D8Accent#51B1D6Surface#F1EBF4Text#1B1221Support#CEAB82Arctic Cold 1Cold / Blue / TechnicalQuality 95Primary#3431D8Accent#9B51D6Surface#EDEBF4Text#141221Support#CE8382How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for medical tools, security products, and infrastructure dashboards. Use icy surfaces with strong navy text to keep the palette professional.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3166D8;
--accent: #D6AC51;
--surface: #EBEDF4;
--text: #121621;
--support: #CE829A;
}FAQ
Where should I use arctic cold color palettes?
These palettes are designed for medical tools, security products, and infrastructure dashboards.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Use icy surfaces with strong navy text to keep the palette professional.