Secure, calm, trustworthy, and responsive.
The navy-to-blue progression provides hierarchy while mint signals freshness and positive movement.
RGB · Curated palette
Fintech Signal Color Palette
A deep navy, layered blue, cyan, mint, and pale aqua palette for finance apps and trustworthy account experiences.
#071B33#0B4F8A#1589D2#2DD4BF#E8FFF9- Payment apps
- Account dashboards
- Investment tools
- B2B finance software
- Red–green financial charts without additional patterns
- Print output that assumes the screen cyan will reproduce exactly
Color values
HEX, RGB, OKLCH, CPS, and CMYK planning values.
CMYK values are generic planning approximations. Final print output requires a target ICC profile and physical proof.
| Color | HEX | RGB | OKLCH | CMYK approximation | Nearest CPS |
|---|---|---|---|---|---|
#071B33 | 7, 27, 51 | oklch(22.1% 0.054 254) | 86% / 47% / 0% / 80% | CPS 22950SΔE00 3.05 | |
#0B4F8A | 11, 79, 138 | oklch(42.2% 0.116 251) | 92% / 43% / 0% / 46% | CPS 22700SΔE00 2.75 | |
#1589D2 | 21, 137, 210 | oklch(60.7% 0.145 244) | 90% / 35% / 0% / 18% | CPS 21500BΔE00 2.95 | |
#2DD4BF | 45, 212, 191 | oklch(78.5% 0.133 182) | 79% / 0% / 10% / 17% | CPS 16300VΔE00 3.58 | |
#E8FFF9 | 232, 255, 249 | oklch(98.2% 0.025 178) | 9% / 0% / 2% / 0% | CPS 16050BΔE00 0.97 |
Semantic role mapping
Give every color a stable job.
This role map is a practical starting point. Validate it against the real components, text sizes, and interaction states in your product.
Navigation and dark headers
Core brand and controls
Links and selected states
Positive highlights with labels
Light canvas and success subtle
Context previews
Review the palette in light, dark, and mobile UI.
These previews reveal role assumptions that are invisible in a simple swatch strip.
Fintech SignalOverviewProjects
Primary metric24,680
Latest activity
Role-based color preview
ReadyDark contextDashboardSettings
Selected stateColor system
Focus and status
Check the real relationships
ActiveFintech Signal•••
Mobile previewBuild with roles
Test text, controls, and states before export.
Important foreground and background pairs.
AaPale content on deep navy#E8FFF9 on #071B3316.56:1AA normal text
AaPale label on primary blue#E8FFF9 on #0B4F8A8.04:1AA normal text
AaNavy label on mint#071B33 on #2DD4BF9.30:1AA normal text
AaNavy text on pale aqua#071B33 on #E8FFF916.56:1AA normal text
Accessibility notes
- Use labels and icons for gains, losses, and transaction states.
- Do not use mint as the only success indicator.
- Keep the pale aqua surface distinct from white with structure and spacing.
Color-vision note
The palette is mostly blue–cyan; hierarchy depends on lightness and role, which should be reinforced with component structure.
Print note
Blue and cyan reproduction varies by profile and paper. Generic CMYK values are planning approximations.
Related palettes
Finance Dashboard Color Palette
Modern Tech Color Palette
SaaS Interface Color Palette