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

Tech Brand Navy

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

No two colors here reach 4.5:1 for body text. Set text in white or black instead — each swatch's HEX is drawn in whichever reads better.

Deep navy technology palette for enterprise and SaaS brand identities. The cobalt-to-indigo progression signals institutional trust while dark neutral tones ground the composition in professional authority. Suitable for brand identity systems, product UI design, and developer tool branding where competence and reliability are the primary signals.

Deep navy technology palette for enterprise and SaaS brand identities. The navy-to-cobalt progression signals institutional trust while the dark neutral grounds the composition in professional authority.

TechnologySaaSEnterpriseBlueTrust
Why this set works

Trust-first technology palette anchored in deep cobalt with indigo depth. For SaaS, enterprise software, and developer tools.

SaaS brand identity
Enterprise software UI
Developer tool branding
Prompt words
technology brand navy blue paletteSaaS enterprise color palettetrust signal blue brand identity
Export ready
1. Cobalt Shadow Vivid #13367C
2. Cobalt Dusk Vivid #174197
3. Indigo Shadow Clear #212E6E
4. Indigo Nocturne Soft #222744
5. True Gray Shadow #474747
6. True Gray Nocturne #333333
:root {
  --tech-brand-navy-blue-1: #13367C;
  --tech-brand-navy-blue-2: #174197;
  --tech-brand-navy-blue-3: #212E6E;
  --tech-brand-navy-blue-4: #222744;
  --tech-brand-navy-blue-5: #474747;
  --tech-brand-navy-blue-6: #333333;
}
Dark mode pairs
#13367C
#A0B8E9
#174197
#5581D8
#212E6E
#A9B2DF
#222744
#CED1E3
#474747
#C4C4C4
#333333
#D9D9D9
WCAG contrast audit

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

#13367C
11.4:1 AAA
1.8:1 Fail
#174197
9.4:1 AAA
2.2:1 Fail
#212E6E
12.5:1 AAA
1.7:1 Fail
#222744
14.6:1 AAA
1.4:1 Fail
#474747
9.3:1 AAA
2.3:1 Fail
#333333
12.6:1 AAA
1.7:1 Fail

Color-on-color pairs:

+
1.2:1 Fail
+
1.1:1 Fail
+
1.3:1 Fail
+
1.2:1 Fail
+
1.1:1 Fail
+
1.3:1 Fail
+
1.6:1 Fail
+
1:1 Fail
+
1.3:1 Fail
+
1.2:1 Fail
+
1.3:1 Fail
+
1:1 Fail
+
1.6:1 Fail
+
1.2:1 Fail
+
1.4:1 Fail

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Cobalt Shadow Vivid
#13367C
Blue · hsl(220, 74%, 28%)
2
Cobalt Dusk Vivid
#174197
Blue · hsl(220, 74%, 34%)
3
Indigo Shadow Clear
#212E6E
Blue · hsl(230, 54%, 28%)
4
Indigo Nocturne Soft
#222744
Blue · hsl(230, 34%, 20%)
5
True Gray Shadow
#474747
Red · hsl(0, 0%, 28%)
6
True Gray Nocturne
#333333
Red · hsl(0, 0%, 20%)

More collections like this

Browse collections →
  • Minimalist Gray Study
  • Midnight Cobalt + Violet
  • AI Intelligence Violet
  • Mediterranean Tile Blues
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 Tech Brand Navy

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.