We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

2026 Cobalt Confidence

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

Cobalt Confidence is 2026's bold blue trend: not the desaturated 'accessible' blue of the previous decade, but a saturated, authoritative cobalt that commands digital screens and print media. For brands that want to be seen.

Blue that holds its ground. Not polite, not corporate-cautious — the specific blue of something that knows it deserves your attention and has the credentials to back it up.

TrendBlueCobaltBold2026
Why this set works

Bold, saturated cobalt for challenger brands claiming presence and authority.

Challenger brand identity
Fintech and financial services
Tech startup branding
Prompt words
cobalt color palette 2026bold blue brand palettesaturated blue color schemecobalt brand identity
Export ready
1. Cobalt Radiant Vivid #336DE1
2. Cobalt Core Clear #3864BC
3. Cobalt Bloom Soft #ADBBD7
4. Azure Silk Clear #81BCD9
5. Cobalt Pearl Faint #D2D5DA
6. Cobalt Nocturne Soft #222D44
:root {
  --2026-cobalt-confidence-trend-1: #336DE1;
  --2026-cobalt-confidence-trend-2: #3864BC;
  --2026-cobalt-confidence-trend-3: #ADBBD7;
  --2026-cobalt-confidence-trend-4: #81BCD9;
  --2026-cobalt-confidence-trend-5: #D2D5DA;
  --2026-cobalt-confidence-trend-6: #222D44;
}
Dark mode pairs
#336DE1
#173064
#3864BC
#9BB0DA
#ADBBD7
#222C3E
#81BCD9
#34708D
#D2D5DA
#1A1B1E
#222D44
#CED5E3
WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#336DE1
4.8:1 AA
4.4:1 AA Large
#3864BC
5.6:1 AA
3.7:1 AA Large
#ADBBD7
1.9:1 Fail
10.9:1 AAA
#81BCD9
2.1:1 Fail
10.1:1 AAA
#D2D5DA
1.5:1 Fail
14.3:1 AAA
#222D44
13.8:1 AAA
1.5:1 Fail

Color-on-color pairs:

+
1.2:1 Fail
+
2.5:1 Fail
+
2.3:1 Fail
+
3.2:1 AA Large
+
2.9:1 Fail
+
2.9:1 Fail
+
2.7:1 Fail
+
3.8:1 AA Large
+
2.4:1 Fail
+
1.1:1 Fail
+
1.3:1 Fail
+
7.1:1 AAA
+
1.4:1 Fail
+
6.6:1 AA
+
9.3:1 AAA

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cobalt Radiant Vivid
#336DE1
Blue · hsl(220, 74%, 54%)
2
Cobalt Core Clear
#3864BC
Blue · hsl(220, 54%, 48%)
3
Cobalt Bloom Soft
#ADBBD7
Blue · hsl(220, 34%, 76%)
4
Azure Silk Clear
#81BCD9
Blue · hsl(200, 54%, 68%)
5
Cobalt Pearl Faint
#D2D5DA
Blue · hsl(220, 10%, 84%)
6
Cobalt Nocturne Soft
#222D44
Blue · hsl(220, 34%, 20%)

More collections like this

Browse collections →
  • Mediterranean Tile Blues
  • Midnight Cobalt + Violet
  • Cobalt Spectrum
  • Storm Silver
Go further
Unlock Pro
Pro removes the daily export cap, in every token format.
Learn about Pro
Take this palette further

Ready-made tokens for 2026 Cobalt Confidence

Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.

LayerWhat you have hereWhat Pro adds
ScopeOne curated palette of 6 colors.The same palettes, with no daily export cap anywhere on the site.
OutputHEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in.No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.