# n8n Brand Identity

A complete profile of **n8n**'s visual system — colors, typography, components, and personality — extracted from [https://n8n.io/](https://n8n.io/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://n8n.io/.

**primary**  
`#1A1524`  
`rgb(26, 21, 36)`  
**secondary**  
`#1B1728`  
`rgb(27, 23, 40)`  
**accent**  
`#0E0918`  
`rgb(14, 9, 24)`  
**background**  
`#0E0918`  
`rgb(14, 9, 24)`  
**textPrimary**  
`#0E0918`  
`rgb(14, 9, 24)`  
**link**  
`#0E0918`  
`rgb(14, 9, 24)`

## Typography

Each font links to its Google Fonts page where available.

**primary**  
Geomanist  
[Geomanist Google Fonts →](https://fonts.google.com/specimen/Geomanist)

**heading**  
Geomanist  
[Geomanist Google Fonts →](https://fonts.google.com/specimen/Geomanist)

### Font Stacks  
- Geomanist, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

## Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20data-v-aa92b4d9%3D%22%22%20class%3D%22path-name%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M71.7381%2011.4027V11.2852C72.5997%2010.8544%2073.4613%2010.1104%2073.4613%208.64206C73.4613%206.52754%2071.7183%205.25488%2069.3105%205.25488C66.8433%205.25488%2065.0811%206.60584%2065.0811%208.68118C65.0811%2010.0909%2065.9037%2010.8544%2066.8043%2011.2852V11.4027C65.8059%2011.7551%2064.6113%2012.8124%2064.6113%2014.5744C64.6113%2016.7086%2066.3735%2018.1966%2069.2907%2018.1966C72.2079%2018.1966%2073.9113%2016.7086%2073.9113%2014.5744C73.9113%2012.8124%2072.7365%2011.7747%2071.7381%2011.4027ZM69.2907%207.05614C70.2699%207.05614%2070.9941%207.68266%2070.9941%208.73992C70.9941%209.79718%2070.2501%2010.4238%2069.2907%2010.4238C68.3313%2010.4238%2067.5285%209.79718%2067.5285%208.73992C67.5285%207.6631%2068.2923%207.05614%2069.2907%207.05614ZM69.2907%2016.317C68.1549%2016.317%2067.2351%2015.5926%2067.2351%2014.3591C67.2351%2013.2431%2067.9983%2012.4012%2069.2709%2012.4012C70.5243%2012.4012%2071.2881%2013.2235%2071.2881%2014.3983C71.2881%2015.5926%2070.4067%2016.317%2069.2907%2016.317ZM52.7871%2018.0004H55.2933V12.6945C55.2933%2010.952%2056.3505%2010.1884%2057.5448%2010.1884C58.7195%2010.1884%2059.6398%2010.9715%2059.6398%2012.577V18.0004H62.1456V12.068C62.1456%209.50314%2060.6576%208.01514%2058.328%208.01514C56.8596%208.01514%2056.0372%208.60248%2055.4498%209.36604H55.2933L55.0779%208.21092H52.7871V18.0004ZM78.9632%2018.0004H76.457V8.21092H78.7478L78.9632%209.36604H79.1198C79.7072%208.60248%2080.5298%208.01514%2081.998%208.01514C84.3278%208.01514%2085.8158%209.50314%2085.8158%2012.068V18.0004H83.3096V12.577C83.3096%2010.9715%2082.3898%2010.1884%2081.215%2010.1884C80.0204%2010.1884%2078.9632%2010.952%2078.9632%2012.6945V18.0004Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

## UI Components

Live previews rendered using n8n's actual button styles.

**Button Primary**  
**background** `#0E0918`  
**textColor** `#FFFFFF`  
**borderRadius** `8px`  
**shadow** `none`

**Button Secondary**  
**background** `#2C2834`  
**textColor** `#FFFFFF`  
**borderRadius** `8px`  
**shadow** `none`

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** tech-savvy professionals

## n8n Brand in the Wild

Image: [n3wstorage.b-cdn.net](https://n3wstorage.b-cdn.net/n3witalia/golf-swing.jpg)
**Source:** [n8n.io](https://n8n.io/workflows/11460-automate-3d-body-model-generation-from-images-using-sam-3d-and-google-sheets/)

Image: [dr-firas.com](https://www.dr-firas.com/workflow-tool.png)
**Source:** [n8n.io](https://n8n.io/workflows/3336-automate-blog-content-creation-with-gpt-4-perplexity-and-wordpress/)

Image: [fillin8n.realsimple.dev](https://fillin8n.realsimple.dev/TokenEstim8r-ScreenCap.png)
**Source:** [n8n.io](https://n8n.io/workflows/3529-token-estim8r-ui-visualize-token-usage-analytics-dashboard-in-n8n/)

Image: [n8niostorageaccount.blob.core.windows.net](https://n8niostorageaccount.blob.core.windows.net/n8nio-strapi-blobs-prod/assets/Screenshot_2025_06_21_at_23_16_26_6b9cdd5ad8.png)
**Source:** [n8n.io](https://n8n.io/workflows/5107-auto-generate-problem-focused-blog-posts-for-shopify-products-with-ai/)

Image: [i.vimeocdn.com](https://i.vimeocdn.com/video/1634534223-a423355f66f3863324b4f42ce42cef9521e78b5f95700b0ef4564b8c9172ca23-d?f=webp)
**Source:** [community.n8n.io](https://community.n8n.io/t/pinned-json-gets-modified-by-next-node/24224)

Image: [storage.ghost.io](https://storage.ghost.io/c/0d/78/0d78b34c-0c5f-4975-900e-61d00ccb1c2d/content/images/size/w800/2021/02/cover-image.jpeg)
**Source:** [blog.n8n.io](https://blog.n8n.io/learn-how-to-automatically-cross-post-your-content-with-n8n/)

## Frequently Asked Questions

**What is n8n's primary brand color?**  
n8n's primary brand color is `#1A1524`. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does n8n use?**  
n8n uses `#0E0918` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does n8n use?**  
n8n uses Geomanist as the primary typeface across body and headings.

**Does n8n use a light or dark theme?**  
n8n's primary site uses a dark color scheme, with a background of `#0E0918`.

**Where can I find n8n's logo?**  
n8n's logo is available directly on their site (https://n8n.io/). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from https://n8n.io/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by n8n.

## Methodology

Brand data on this page was extracted from [https://n8n.io/](https://n8n.io/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by n8n.