Color.

Our brand colors showcase our voice.

Color.

Our brand colors showcase our voice.

Color is one of the fastest ways our brand is recognized

Color

30Ns color system is inspired by depth, territory and atmosphere. Deep blues establish confidence and institutional weight, while mineral greys and desaturated atmospheric tones introduce a sense of geography, distance and exploration. White acts as an essential part of the system, creating space and clarity around the identity.

Color is one of the fastest ways our brand is recognized

30Ns color system is inspired by depth, territory and atmosphere. Deep blues establish confidence and institutional weight, while mineral greys and desaturated atmospheric tones introduce a sense of geography, distance and exploration. White acts as an essential part of the system, creating space and clarity around the identity.

30Ns color system is inspired by depth, territory and atmosphere. Deep blues establish confidence and institutional weight, while mineral greys and desaturated atmospheric tones introduce a sense of geography, distance and exploration. White acts as an essential part of the system, creating space and clarity around the identity.

{ COLOR // PRIMARY PALETTE }

Primary palette.

Primary palette.

Primary palette.

The Primary Palette defines the most recognizable expression of 30N and should dominate brand communications.

30N Deep

P—001

#040C12

30N Blue

P—002

#004B6D

30N Accent Blue

P—003

#3986A5

30N Mist

p—004

#FF8063

30N White

p—005

#FFFFFF

{ COLOR // SECONDARY PALETTE }

Secondary palette.

Secondary palette.

Secondary palette.

The Secondary Palette extends the identity into softer and more atmospheric applications while remaining directly connected to the primary colors.

30N Graphite

Deep neutral for secondary dark surfaces, typography and structured compositions.

#ACC2D0

30N Pewter

Mid-tone mineral neutral that bridges dark and medium surfaces while adding subtle separation within the palette.

#38464D

30N Slate

Core secondary neutral for interfaces, editorial layouts and supporting elements.

#434C51

30N Silver

Dividers, supporting information and low-emphasis elements.

#C1C1C1

{ COLOR // PRIMARY SHADES }

Primary shades.

Primary shades.

Primary shades.

Our primary shades are lighter and darker tonal steps of the core colors, used to create hierarchy, depth and flexibility without introducing unrelated hues.

PRIMARY Blue ShadeS

P—001

P—1

#040C12

P-002

#081C29

P-003

#00334A

P-004

#004B6D

P-005

#1D6887

P-006

#3986A5

P-007

#78AFC3

P-008

#B8D1DB

P-009

#E6F0F4

PRIMARY Blue ShadeS

P—001

P—1

#040C12

P-002

#081C29

P-003

#00334A

P-004

#004B6D

P-005

#1D6887

P-006

#3986A5

P-007

#78AFC3

P-008

#B8D1DB

P-009

#E6F0F4

{ COLOR // GREYSCALE }

Greyscale.

Greyscale.

Greyscale.

Our greyscale palette provides neutral structure for typography, UI, information and backgrounds, keeping layouts clean and allowing the core colors to retain their visual importance.

GREYSCALE

GR—001

G—1

#121719

GR-002

#252D31

GR-003

#38464D

GR-004

#434C51

GR-005

#71787C

GR-006

#969B9E

GR-007

#C1C1C1

GR-008

#E2E3E3

GR-009

#F5F6F6

GREYSCALE

GR—001

G—1

#121719

GR-002

#252D31

GR-003

#38464D

GR-004

#434C51

GR-005

#71787C

GR-006

#969B9E

GR-007

#C1C1C1

GR-008

#E2E3E3

GR-009

#F5F6F6

{ COLOR // SPECTRUM }

Spectrum.

Spectrum.

Spectrum.

The 30N Spectrum captures the energy, optimism and movement of emerging markets through seven vivid families: Sunset, Ocean, Sky, Sunrise, Amazon, Purple and Midnight. Each family expands from 100 to 900 for data visualization, charts, maps and selective highlights — lighter values open up surfaces, vivid middle values drive emphasis and deeper values create contrast. Use the Spectrum as an expressive supporting system, always in balance with the Primary Palette.

Sunset 100

#FFE7E2

Sunset 200

#FFCFC6

Sunset 300

#FFA99B

Sunset 400

#FF7866

Sunset 500

#F4473A

Sunset 600

#D92D27

Sunset 700

#B91F24

Sunset 800

#8F1820

Sunset 900

#5C1018

Ocean 100

#E4F0FF

Ocean 200

#BDD9FF

Ocean 300

#84B8FF

Ocean 400

#438EFF

Ocean 500

#1464E8

Ocean 600

#0A4AC2

Ocean 700

#093A96

Ocean 800

#0B2C6C

Ocean 900

#091D47

Sky 100

#E5FAFF

Sky 200

#C5F3FF

Sky 300

#8BE7FF

Sky 400

#46D4F4

Sky 500

#12BCE5

Sky 600

#0697BE

Sky 700

#087798

Sky 800

#0C5871

Sky 900

#0B3A4A

Sunrise 100

#FFF9D6

Sunrise 200

#FFF0A8

Sunrise 300

#FFE36B

Sunrise 400

#FFD338

Sunrise 500

#FFBC00

Sunrise 600

#E89500

Sunrise 700

#BA7000

Sunrise 800

#855000

Sunrise 900

#513000

Amazon 100

#E4FFE7

Amazon 200

#B9F8C2

Amazon 300

#7DEB8B

Amazon 400

#38D75D

Amazon 500

#08B83F

Amazon 600

#029433

Amazon 700

#08732E

Amazon 800

#0A5427

Amazon 900

#07371D

Purple 100

#FDE7FF

Purple 200

#F9C5FF

Purple 300

#F18CFF

Purple 400

#DD4CFA

Purple 500

#BC1FE0

Purple 600

#9814BD

Purple 700

#751092

Purple 800

#55106A

Purple 900

#350B43

Midnight 100

#DDE6FF

Midnight 200

#B6C5F5

Midnight 300

#8299DA

Midnight 400

#566DB2

Midnight 500

#354A86

Midnight 600

#263769

Midnight 700

#1B294F

Midnight 800

#111B36

Midnight 900

#080F22

{ COLOR // COMBINATIONS }

Combinations.

Combinations.

Combinations.

Our color combos are pre-approved pairings built for contrast and harmony—so backgrounds, text, and accents.

Rule

Never place the logo or essential typography over a region where the background reduces its contrast. When gradients or photography are used, choose the black or white logo version according to the local luminance of the placement area.

Enter 6-digit code