Archive count
910
Colors currently classified under the blue family.
Blue family
Blue Family
The blue family gives the archive its strongest product and systems language. It is the default lane for trust, precision, coolness, and technical clarity, but still spans soft airy mists through vivid cobalt cores.
Representative shades — light, mid, deep
One row per hue root. Tap a swatch to copy its hex, or ↗ to open the color.
Also filed under this family by their nominal hue: 14 neutral grays, left out here.
SaaS and product UITrust-driven brandsTechnical landing pages
Related collections
121
Editorial collections with at least one strong blue anchor.
Export formats
7+
CSS, Tailwind, Figma JSON, SCSS, Style Dictionary, Procreate, and more. Free accounts get a few exports a day; Pro removes the daily cap.
Recommended upgrade path
1. Start in the archive
Browse the strongest blue lane in search or dense view, then save the colors that feel closest to your project.
2. Move into a collection
2026 Cobalt Confidence is the cleanest editorial collection to prove this family in a more intentional 6-color set.
3. Upgrade to Pro
Pro removes the daily export cap on every token format, so a family direction can go straight into production without rationing.
Cultural significance
Blue was historically the rarest and most expensive pigment. Ultramarine, ground from lapis lazuli imported from Afghanistan, was more costly than gold in medieval Europe — reserved for painting the Virgin Mary's robes. In Japan, indigo dyeing (ai-zome) became so prevalent during the Edo period that visitors called it 'Japan Blue.' The invention of synthetic Prussian Blue in 1706 democratized the color. In Tuareg culture, indigo-dyed cloth is so significant that the people are called 'Blue Men of the Sahara.' Today, blue dominates digital interfaces — Facebook, Twitter, LinkedIn — because it conveys trust and reduces eye strain.
Japanese · 日本語
青は歴史的に最も希少で高価な顔料でした。アフガニスタンから輸入されたラピスラズリから作るウルトラマリンは中世ヨーロッパで金より高価で、聖母マリアのローブ専用でした。日本では藍染め（あいぞめ）が江戸時代に広く普及し、訪問者は「ジャパンブルー」と呼びました。1706年のプロシアンブルーの発明で青は民主化されました。トゥアレグ文化では藍染め布が非常に重要で「サハラの青い人々」と呼ばれます。現在、青はFacebook、Twitter、LinkedInなどデジタルインターフェースを支配し、信頼感と目の疲労軽減を伝えます。
Featured archive colors
A first pass through the blue lane. Open any swatch for full relationships and exports.
Cerulean Bloom Clear
#A1D8E3
H 190 · S 54% · L 76%
Cerulean Core Vivid
#20B7D5
H 190 · S 74% · L 48%
Cerulean Shadow Clear
#21616E
H 190 · S 54% · L 28%
Azure Bloom Clear
#A1CDE3
H 200 · S 54% · L 76%
Azure Core Vivid
#2099D5
H 200 · S 74% · L 48%
Azure Shadow Clear
#21546E
H 200 · S 54% · L 28%
Steel Bloom Clear
#A1C7E3
H 205 · S 54% · L 76%
Steel Core Vivid
#2089D5
H 205 · S 74% · L 48%
Steel Shadow Clear
#214E6E
H 205 · S 54% · L 28%
Sapphire Bloom Clear
#A1C2E3
H 210 · S 54% · L 76%
Sapphire Core Vivid
#207AD5
H 210 · S 74% · L 48%
Sapphire Shadow Clear
#21476E
H 210 · S 54% · L 28%
Cobalt Bloom Clear
#A1B7E3
H 220 · S 54% · L 76%
Cobalt Core Vivid
#205CD5
H 220 · S 74% · L 48%
Cobalt Shadow Clear
#213B6E
H 220 · S 54% · L 28%
Indigo Bloom Clear
#A1ACE3
H 230 · S 54% · L 76%
Indigo Core Vivid
#203ED5
H 230 · S 74% · L 48%
Indigo Shadow Clear
#212E6E
H 230 · S 54% · L 28%
Iris Bloom Clear
#A1A1E3
H 240 · S 54% · L 76%
Iris Core Vivid
#2020D5
H 240 · S 74% · L 48%
Iris Shadow Clear
#21216E
H 240 · S 54% · L 28%
Amethyst Bloom Clear
#A6A1E3
H 245 · S 54% · L 76%
Amethyst Core Vivid
#2F20D5
H 245 · S 74% · L 48%
Amethyst Shadow Clear
#27216E
H 245 · S 54% · L 28%
Best matching collections
2026 Cobalt Confidence
Bold, saturated cobalt for challenger brands claiming presence and authority.
Nordic Frost
Ice blue, pale grey, and soft lavender for minimal UI, SaaS products, and clean landing pages.
Concrete Modernism
Cool blue-grays and deep slates for architectural, brutalist, and minimal design systems.
Arctic Dawn
Pale icy blues, cool lavenders, and whispered frost tones for clean, atmospheric, and premium interface work.
Arctic Minimal
Icy whites, cool grays, and restrained arctic blues — for clinical precision, Scandinavian design, and ultra-clean UI systems.
Cobalt Morning
Cool cobalt and sapphire blues in a range from pale mist to deep velvet — for productivity tools, SaaS dashboards, and focus-oriented product UI.