Atlas Brand: Colors, Fonts, Logo & Visual Identity

Atlas Brand Identity

A complete profile of Atlas's visual system — colors, typography, components, and personality — extracted from https://atlas.co/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://atlas.co/.

Color	Hex	RGB
Primary	#0F58FF	rgb(15, 88, 255)
Secondary	#1A2332	rgb(26, 35, 50)
Accent	#0F58FF	rgb(15, 88, 255)
Background	#FFFFFF	rgb(255, 255, 255)
Text Primary	#0E101B	rgb(14, 16, 27)
Link	#242C38	rgb(36, 44, 56)

Typography

Each font links to its Google Fonts page where available.

Role	Font	Link
Body	Inter	Inter Google Fonts →
Heading	Atlas Sans	Atlas Sans Google Fonts →

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Atlas's actual button styles.

Button Primary

background: #0F58FF
textColor: #FFFFFF
borderColor: #0F58FF
borderRadius: 20px
shadow: none

Button Secondary

background: #0E101B
textColor: #FFFFFF
borderColor: #242C38
borderRadius: 10px
shadow: none

Brand Personality

Tone: professional Energy: medium Audience: businesses and teams needing GIS solutions

Atlas Brand in the Wild

Source: atlas.co

Frequently Asked Questions

What is Atlas's primary brand color? Atlas's primary brand color is #0F58FF. It anchors the visual identity across their website, product UI, and marketing materials.

What font does Atlas use? Atlas uses Inter for body text and Atlas Sans for headings. Fonts were detected on https://atlas.co/ as part of their live design system.

Does Atlas use a light or dark theme? Atlas's primary site uses a light color scheme, with a background of #FFFFFF.

Where can I find Atlas's logo? Atlas's logo is available directly on their site (https://atlas.co/). 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://atlas.co/ 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 Atlas.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Atlas Sans",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#0F58FF",
    "secondary": "#1A2332",
    "accent": "#0F58FF",
    "background": "#FFFFFF",
    "textPrimary": "#0E101B",
    "link": "#242C38"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Atlas Sans"
    },
    "fontStacks": {
      "heading": [
        "Atlas Sans",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "44px",
      "body": "19.2px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "10px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0F58FF",
      "textColor": "#FFFFFF",
      "borderColor": "#0F58FF",
      "borderRadius": "20px",
      "borderRadiusCorners": {
        "topLeft": "20px",
        "topRight": "20px",
        "bottomRight": "20px",
        "bottomLeft": "20px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#0E101B",
      "textColor": "#FFFFFF",
      "borderColor": "#242C38",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://atlas.co/images/logo-light.svg",
    "favicon": "https://atlas.co/favicon-32x32.png?v=49a58e08213b4311c5ec97ff0a91e42d",
    "ogImage": "https://atlas.co/images/default-og.png",
    "logoHref": "/",
    "logoAlt": "Atlas Logo"
  }
}