ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/App UI

Fintech Trust Navy

Corporate fintech UI palette with trustworthy cobalt blues and crisp slate backgrounds for banking apps.

#App UI#Business#UI#Clean#Cool
Open in Generator
COLOR 1
#0A192F
Slate 900
COLOR 2
#172A45
Slate 800
COLOR 3
#2563EB
Brand Blue
COLOR 4
#60A5FA
Blue Topaz
COLOR 5
#F1F5F9
Slate 100

Color Values & Codes

HEX · RGB · HSL
Slate 900
#0A192F
rgb(10, 25, 47)hsl(216, 65%, 11%)Color details →
Slate 800
#172A45
rgb(23, 42, 69)hsl(215, 50%, 18%)Color details →
Brand Blue
#2563EB
rgb(37, 99, 235)hsl(221, 83%, 53%)Color details →
Blue Topaz
#60A5FA
rgb(96, 165, 250)hsl(213, 94%, 68%)Color details →
Slate 100
#F1F5F9
rgb(241, 245, 249)hsl(210, 40%, 96%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
App UI Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0A192F;
  --color-2: #172A45;
  --color-3: #2563EB;
  --color-4: #60A5FA;
  --color-5: #F1F5F9;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#0A192F on #60A5FA6.92:1
Normal Text AA Pass
Sample Text
#0A192F on #F1F5F916.07:1
Normal Text AA Pass
Sample Text
#172A45 on #60A5FA5.68:1
Normal Text AA Pass
Sample Text
#172A45 on #F1F5F913.19:1
Normal Text AA Pass
Sample Text
#2563EB on #60A5FA2.03:1
Large Text Only (Fail)
Sample Text
#2563EB on #F1F5F94.72:1
Normal Text AA Pass

Related Palettes in App UI

Explore App UI
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#020B14Copy
#06283DCopy
#1363DFCopy
#47B5FFCopy
#DFF6FFCopy
cp-featured-08Ocean
Marianas Deep Sea
OceanCool
#022C22Copy
#065F46Copy
#10B981Copy
#6EE7B7Copy
#ECFDF5Copy
cp-featured-11Business
Fintech Emerald Vault
BusinessLuxuryNature