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.
SaaS and product UITrust-driven brandsTechnical landing pages
Related collections
136
Editorial collections with at least one strong blue anchor.
Export formats
7+
CSS, Tailwind, Figma JSON, SCSS, Style Dictionary, Procreate, and more with Pro.
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 five-color set.
3. Upgrade to Pro
Pro members get advanced token exports, downloadable assets, and usage guidance to take this family direction into production.
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 Ink Faint
#202627
H 190 · S 10% · L 14%
Cerulean Nocturne Faint
#2E3638
H 190 · S 10% · L 20%
Cerulean Shadow Faint
#404C4F
H 190 · S 10% · L 28%
Cerulean Dusk Faint
#4E5C5F
H 190 · S 10% · L 34%
Cerulean Velvet Faint
#607276
H 190 · S 10% · L 42%
Cerulean Core Faint
#6E8387
H 190 · S 10% · L 48%
Cerulean Radiant Faint
#7E9295
H 190 · S 10% · L 54%
Cerulean Tone Faint
#8FA0A3
H 190 · S 10% · L 60%
Cerulean Silk Faint
#A5B3B6
H 190 · S 10% · L 68%
Cerulean Bloom Faint
#BCC6C8
H 190 · S 10% · L 76%
Cerulean Pearl Faint
#D2D9DA
H 190 · S 10% · L 84%
Cerulean Mist Faint
#E3E7E8
H 190 · S 10% · L 90%
Cerulean Whisper Faint
#EEF1F1
H 190 · S 10% · L 94%
Cerulean Veil Faint
#F9FAFA
H 190 · S 10% · L 98%
Cerulean Ink Muted
#1D282A
H 190 · S 18% · L 14%
Cerulean Nocturne Muted
#2A393C
H 190 · S 18% · L 20%
Cerulean Shadow Muted
#3B5054
H 190 · S 18% · L 28%
Cerulean Dusk Muted
#476166
H 190 · S 18% · L 34%
Cerulean Velvet Muted
#58787E
H 190 · S 18% · L 42%
Cerulean Core Muted
#648990
H 190 · S 18% · L 48%
Cerulean Radiant Muted
#75989F
H 190 · S 18% · L 54%
Cerulean Tone Muted
#87A5AB
H 190 · S 18% · L 60%
Cerulean Silk Muted
#9FB7BC
H 190 · S 18% · L 68%
Cerulean Bloom Muted
#B7C9CD
H 190 · S 18% · L 76%
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.