Skip to content
SuiteAnvil
Design system comparison · n26.com / revolut.com

N26 vs Revolut: brand colors, fonts & UI tokens

N26 leads with #088177 (teal) set in N26-Extended; Revolut with #0666EB (blue) set in Aeonik Pro. Controls are 24px versus pill-shaped, and 9 of 9 versus 7 of 8 key color pairings pass WCAG 2.1 AA.

N26: reference 11 Nov 2026Revolut: reference 10 Nov 2026

N26

n26.com · reference 11 Nov 2026
Palette · click to copy
Typography
Aa Clarity

Body copy at reading size.

Headings
N26-Extended
Body
N26
Free stand-in
Archivo / Inter
Pill · 16 px+
N26
PrimarySecondary
controls 24px · cards 24px
WCAG AA
9/9
WCAG AAA
4/9
Tech SEO
98

Revolut

revolut.com · reference 10 Nov 2026
Palette · click to copy
Typography
Aa Clarity

Body copy at reading size.

Headings
Aeonik Pro
Body
Inter
Free stand-in
Manrope / Inter
Pill · 16 px+
Revolut
PrimarySecondary
controls pill (9999px) · cards 28px
WCAG AA
7/8
WCAG AAA
3/8
Tech SEO
n/a

Differences at a glance

Measured values side by side. The last column is arithmetic on those values, not a judgment.

AttributeN26RevolutDifference
Primary color#088177 · Teal#0666EB · BlueDifferent hue, OKLab ΔE 21.1
Text color#1B1B1B#191C1FOKLab ΔE 0.8
Canvas#FFFFFF · Neutral white#FFFFFF · Neutral whiteIdentical
ModeLightLightSame
Heading fontN26-Extended (free stand-in Archivo)Aeonik Pro (free stand-in Manrope)Different families
Body fontN26 (free stand-in Inter)InterDifferent families
Control radius24pxpill (9999px)Revolut uses pill controls
Card radius24px28pxRevolut rounder by 4px
Radius stylePillPillSame
WCAG 2.1 AA9 of 9 (100%)7 of 8 (88%)N26 higher by 12 pts
WCAG 2.1 AAA4 of 9 (44%)3 of 8 (38%)N26 higher by 6 pts
Button label contrast4.75:15.11:1Revolut higher by 0.36
Technical SEO98/100Not published (HTTP 403)Not comparable
Data from11 Nov 202610 Nov 2026Both reference snapshots

WCAG 2.1 contrast, pairing by pairing

PairingN26Revolut
Body text on surfaceAa17.22:1AAAa17.11:1AA
Secondary text on surfaceAa5.17:1AAAa4.87:1AA
Primary as link/text on surfaceAa4.75:1AAAa5.11:1AA
Button label on primaryAa4.75:1AAAa5.11:1AA
Accent on surfaceAa4.52:1AAAa2.36:1Fail
Secondary on surfaceAa12.47:1AAsame colors as another pairing
White on secondaryAa12.47:1AAAa17.11:1AA
Dark mode: text on canvasAa17.81:1AAAa17.85:1AA
Dark mode: primary on canvasAa4.63:1AAAa4.53:1AA

Technical SEO snapshot

Homepage checks from each dated scan. Sites that refuse automated requests show no score rather than an estimate.

N26
n26.com · 11 Nov 2026
98
13 of 14 checks pass
  • passTitle tag33 chars: “N26 Switzerland | The Mobile Bank”
  • passMeta description139 chars
  • passSingle H1 heading1 H1 element(s)
  • passCanonical URLhttps://n26.com/en-ch
  • passHTML lang attributelang="en-CH"
  • passMobile viewportwidth=device-width, initial-scale=1, viewport-fit=cover
  • passOpen Graph tags3/3 of og:title, og:description, og:image
  • warnTwitter / X cardNo twitter:card
  • passStructured data (JSON-LD)Organization, WebSite, FAQPage
  • passHTTPSServed over HTTPS
  • passIndexable (robots meta)robots="index, follow"
  • passXML sitemap1947 URLs · https://n26.com/sitemap-index.xml
  • passFavicon / touch iconIcon link present
  • passImage alt text100% of 21 images
Revolut
revolut.com · 10 Nov 2026

revolut.com refuses automated requests (HTTP 403), so no SEO metrics are published for it. Nothing is estimated.

Benchmark your own site

Compare your site with N26

We scan your homepage, CSS and sitemap, then put your palette, fonts, corner radius, WCAG contrast and technical SEO next to N26's.

Benchmark pages are not indexed by search engines. Share them by link.

N26 vs Revolut FAQ

What are the brand colors of N26 and Revolut?

N26 uses #088177 as primary, #003B39 as secondary and #B55B64 as accent, with #1B1B1B text on #FFFFFF. Revolut uses #0666EB as primary, #191C1F as secondary and #76ABF4 as accent, with #191C1F text on #FFFFFF. Click any swatch on this page to copy its hex code.

Which fonts do N26 and Revolut use?

N26 sets headings in N26-Extended (free stand-in Archivo) and body text in N26 (free stand-in Inter). Revolut sets headings in Aeonik Pro (free stand-in Manrope) and body text in Inter. Proprietary faces are previewed with the named free Google Fonts stand-in.

Does N26 or Revolut use rounder corners?

N26 uses 24px controls and 24px cards (pill geometry). Revolut uses pill-shaped controls and 28px cards (pill geometry). Control radius: revolut uses pill controls.

Which brand palette passes more WCAG contrast checks?

N26 passes 9 of 9 key pairings at WCAG 2.1 AA (100%) and 4 at AAA. Revolut passes 7 of 8 at AA (88%) and 3 at AAA. The pairings cover body text, links, buttons and dark mode.

How do N26 and Revolut compare on technical SEO?

N26's homepage scores 98/100, with 13 of 14 checks passing. revolut.com refuses automated requests (HTTP 403), so no SEO score is published for it. Scores come from SuiteAnvil's 14 weighted technical checks (title, description, H1, canonical, Open Graph, structured data, sitemap, HTTPS and more) and are never estimated.

How can I compare my own website with Revolut?

Enter your URL in the benchmark form on this page. SuiteAnvil scans your homepage, CSS and sitemap, then opens the same side-by-side view of your site against Revolut, or against N26.

Dated snapshots of each company's public website styling for educational and interoperability purposes. Brands evolve; values may change. Names and logos are trademarks of their owners, shown for identification only; SuiteAnvil is not affiliated with or endorsed by N26 or Revolut.

SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice