Gallery / Color palette

notion.so color palette

The brand palette extracted from notion.so — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated June 11, 2026.

Primary

#0278e1

rgb(2, 120, 225)

hsl(208, 98%, 45%)

Accent

#040b3b

rgb(4, 11, 59)

hsl(232, 87%, 12%)

Accent

#62aef0

rgb(98, 174, 240)

hsl(208, 83%, 66%)

Accent

#223293

rgb(34, 50, 147)

hsl(232, 62%, 35%)

Accent

#f44c38

rgb(244, 76, 56)

hsl(6, 90%, 59%)

Background

#fbfbfb

rgb(251, 251, 251)

hsl(0, 0%, 98%)

Text

#000000

rgb(0, 0, 0)

hsl(0, 0%, 0%)

Neutral

#7f829a

rgb(127, 130, 154)

hsl(233, 12%, 55%)

CSS variables

:root {
  --color-primary: #0278e1;
  --color-accent-1: #040b3b;
  --color-accent-2: #62aef0;
  --color-accent-3: #223293;
  --color-accent-4: #f44c38;
  --color-background: #fbfbfb;
  --color-text: #000000;
  --color-neutral: #7f829a;
}

Tailwind v4

@theme {
  --color-primary: #0278e1;
  --color-accent-1: #040b3b;
  --color-accent-2: #62aef0;
  --color-accent-3: #223293;
  --color-accent-4: #f44c38;
  --color-background: #fbfbfb;
  --color-text: #000000;
  --color-neutral: #7f829a;
}

Want a palette from your own site?

Fetch a palette