Colors

Our visual identity is closely tied to our corporate colors, which we encourage you to use when working with our brand. When communicating on the web, we suggest using RGB and HEX values. In contrast, CMYK or Pantone values are recommended for printed materials.

Core Palette

These are the fundamental colors of Adtelligent. Neon Pink is our primary brand identifier, supported by specific grays for balance.

Neon Pink

RGB
255, 0, 102
CMYK
0, 100, 20, 0
Pantone
17-1842
HEX
#ff0066

Light Gray

RGB
240, 240, 240
CMYK
0, 0, 0, 10
Pantone
11-4001
HEX
#f0f0f0

Dark Gray

RGB
60, 60, 60
CMYK
0, 0, 0, 88
Pantone
19-5005
HEX
#3c3c3c

Extended colours in core palette

Extended shades provide flexibility for digital interfaces. Use these tones for interactive states (like hover or active buttons), subtle background sectioning, borders, and to build visual hierarchy when the primary core colors are too intense or lack sufficient contrast.

Neon Pink

  • #FFEFF3Additional
  • #FFE0E8Additional
  • #FFC6D7Additional
  • #FF97B7Additional
  • #FF5D92Additional
  • #FF2471Additional
  • #D7005BAdditional
  • #B40052Hover
  • #99024CAdditional
  • #570028Additional

Grays

  • #FFFFFFPrimary Backgrounds
  • #F5F5F5Secondary Backgrounds
  • #F0F0F0Tertiary Backgrounds
  • #C5C5C5Skeletons, divider lines, other service elements
  • #8C8C8CContainer borders, notes, secondary texts
  • #3C3C3CDefault Button State, Dark Cards in Hover State, Secondary Dark Backgrounds
  • #000000Tertiary Dark Backgrounds

Accent Palette

This palette is primarily can be used in UI that requires color accents such as tags, and labels. When choosing colors, careful attention should be made to ensure a good balance of contrast in hue, saturation, and brightness between shades.

Turquoise

RGB
51, 204, 204
CMYK
65, 0, 25, 0
Pantone
15-4825
HEX
#33cccc

Blue

RGB
0, 150, 255
CMYK
75, 35, 0, 0
Pantone
16-4535
HEX
#0096ff

Purple

RGB
135, 85, 255
CMYK
65, 65, 0, 0
Pantone
17-3930
HEX
#8755ff

Yellow

RGB
250, 206, 40
CMYK
0, 18, 84, 2
Pantone
13-0858
HEX
#FACE28

Brand Gradients

Approved gradient transitions using our secondary colors. Use these sparingly for backgrounds or significant graphical elements to add depth.

#ff0066

#8755ff

#0096ff

#33cccc

#ff0066

#8755ff

#8755ff

#0096ff

#0096ff

#33cccc

Color Hierarchy

This spectrum conveys the hierarchy of our color system. Our neutral palette should take up about 60% of colors within any layout, serving as the default background and typography base.

The remaining 40% is reserved for primary branding and call-to-action elements that drive people to make a decision, supported by secondary colors for data and UI accents.

35%
25%
15%
10%
6%
6%
3%

Harmonious Combos

Nearly all colors within our palette can be used in combination. Whenever possible, strive for legibility with contrast, especially when setting typography. The combinations below are approved for broad usage.

FG: Dark GrayBG: White / Light Gray
FG: Neon PinkBG: White / Light Gray
FG: TurquoiseBG: White / Light Gray
FG: BlueBG: White / Light Gray
FG: PurpleBG: White / Light Gray
FG: White / Light GrayBG: Dark Gray
FG: Neon PinkBG: Dark Gray
FG: TurquoiseBG: Dark Gray
FG: BlueBG: Dark Gray
FG: PurpleBG: Dark Gray

Accessibility

Everyone should be able to read what we write and see what we make. Color contrast is vital to ensure an accessible execution. We recommend maintaining a minimum contrast ratio of 7.5:1 (AAA rating) for essential text.

AaBbCc123

FG: Dark Gray / BG: WhiteRating: 14.15

AaBbCc123

FG: Light Gray / BG: Dark GrayRating: 12.42

AaBbCc123Accents Only

FG: Neon Pink / BG: WhiteRating: 3.85

AaBbCc123

FG: Turquoise / BG: Dark GrayRating: 7.18

The Do’s

  • Use corporate colors primarily to ensure brand recognition.

  • Always ensure text and headings have maximum contrast against the background for easy readability (following WCAG AA/AAA standards).

  • Let neutral colors (White, Light Gray, Dark Gray) dominate the layout. Use Neon Pink, Turquoise, and the extended palette as vibrant accents across all brand materials — whether in UI elements, typography highlights, graphics, or illustrations.

  • Use the corporate color palette intentionally. Leave plenty of “white space” rather than cluttering the design with too many colors at once.

Example of using Adtelligent’s branding Welcome to Adtelligent Group slide example

The Dont’s

Wrong example of using Adtelligent’s branding
Do not clutter designs with too many colors or overly vibrant, non-brand gradients.
#ff0066#33cccc
Avoid transitioning too sharply from one color to another in custom gradients, which can look “dirty”.
Adtelligent logo on an unapproved color
Do not use unapproved colors that dilute the brand identity.

Press Downloads

You are free to use the files provided here.
You can find information about how we distribute our materials in the Terms of Services and the Terms and Conditions

If the files you need are unavailable, please contact us.

Let’s move forward

Go back to Logo Go ahead to Typography
Last updated : Oct 09, 2026
Adtelligent Inc.
16192 Coastal HWY,
Lewes, Sussex, DE,
US 19958
© Adtelligent Inc. 2026 All Rights Reserved