DigitalOcean Brand: Colors, Fonts, Logo & Visual Identity

DigitalOcean Brand Identity

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

Color Palette

Brand palette extracted from https://digitalocean.com.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using DigitalOcean's actual button styles.

Button Primary
background: #0069FF
textColor: #FFFFFF
borderRadius: 32px
shadow: none

Button Secondary
background: #FFFFFF
textColor: #4D5B7C
borderRadius: 32px
shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: developers and tech companies

DigitalOcean Brand in the Wild

Image Source

Image Source

Image Source

Image Source

Image Source

Image Source

Frequently Asked Questions

  1. What is DigitalOcean's primary brand color?
    DigitalOcean's primary brand color is #0069FF.

  2. What font does DigitalOcean use?
    DigitalOcean uses Inter for body text and Inter-Bold for headings.

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

  4. Where can I find DigitalOcean's logo?
    DigitalOcean's logo is available directly on their site (https://digitalocean.com).

  5. How was this brand profile generated?
    This profile was extracted from https://digitalocean.com using the Firecrawl branding extraction API.

Methodology

Brand data on this page was extracted from https://digitalocean.com using the Firecrawl branding extraction API.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Inter-Bold",
      "role": "heading"
    },
    {
      "family": "Epilogue",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0069FF",
    "secondary": "#000C2A",
    "accent": "#0069FF",
    "background": "#FFFFFF",
    "textPrimary": "#1433D6",
    "link": "#1433D6"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter-Bold"
    },
    "fontStacks": {
      "heading": [
        "Epilogue",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "18px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0069FF",
      "textColor": "#FFFFFF",
      "borderRadius": "32px",
      "borderRadiusCorners": {
        "topLeft": "32px",
        "topRight": "32px",
        "bottomRight": "32px",
        "bottomLeft": "32px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#4D5B7C",
      "borderRadius": "32px",
      "borderRadiusCorners": {
        "topLeft": "32px",
        "topRight": "32px",
        "bottomRight": "32px",
        "bottomLeft": "32px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2232%22%20viewBox%3D%2232%200%20159%2032%22%20fill%3D%22currentColor%22%20class%3D%22DigitalOceanStyles__StyledText-sc-cfc6b058-0%20jYilvb%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M57.242%209.305c-1.835-1.254-4.129-1.9-6.806-1.9h-5.812v18.399h5.812c2.677%200%204.971-.685%206.806-2.015.994-.722%201.797-1.711%202.333-2.965.535-1.255.841-2.699.841-4.334%200-1.635-.268-3.079-.841-4.296-.536-1.254-1.3-2.242-2.333-2.889Zm-9.213%201.179h1.835c2.027%200%203.709.38%204.971%201.178%201.415.837%202.141%202.471%202.141%204.79%200%202.395-.726%204.068-2.141%204.98-1.224.798-2.868%201.217-4.933%201.217h-1.835V10.484h-.038Zm16.479-3.346c-.574%200-1.032.191-1.415.571-.382.38-.612.836-.612%201.406s.192%201.027.574%201.445c.382.38.879.57%201.453.57.574%200%201.032-.19%201.453-.57.382-.38.574-.875.574-1.445%200-.57-.192-1.026-.574-1.406-.421-.342-.918-.571-1.453-.571Zm-1.683%205.664h3.288v12.963h-3.288zm15.177%201.103c-.994-.874-2.103-1.369-3.288-1.369-1.797%200-3.327.609-4.474%201.863-1.185%201.217-1.759%202.775-1.759%204.638%200%201.825.574%203.383%201.721%204.638%201.147%201.216%202.677%201.824%204.474%201.824%201.262%200%202.332-.342%203.25-1.026v.304c0%201.064-.306%201.901-.841%202.471-.574.57-1.377.874-2.333.874-1.529%200-2.447-.608-3.632-2.128l-2.218%202.128.076.076c.498.685%201.224%201.331%202.18%201.939.956.608%202.218.95%203.633.95%201.95%200%203.517-.608%204.664-1.786%201.148-1.179%201.759-2.775%201.759-4.714V12.803h-3.212v1.102Zm-.878%207.641c-.574.646-1.3.95-2.256.95-.956%200-1.683-.304-2.218-.95-.574-.646-.841-1.483-.841-2.547s.267-1.901.841-2.547c.574-.646%201.3-.95%202.218-.95.956%200%201.682.304%202.256.95.573.646.841%201.521.841%202.547.038%201.064-.268%201.901-.841%202.547Zm6.883-8.744h3.288v12.963h-3.288zm1.685-5.664c-.574%200-1.033.191-1.415.571-.382.38-.612.836-.612%201.406s.191%201.027.574%201.445c.382.38.879.57%201.453.57.573%200%201.032-.19%201.453-.57.382-.38.573-.875.573-1.445%200-.57-.191-1.026-.573-1.406-.421-.342-.88-.571-1.453-.571Zm8.793%202.167h-3.212v3.498h-1.874v2.965h1.874v5.36c0%201.672.344%202.889.994%203.573.689.684%201.874%201.064%203.518%201.064.535%200%201.071%200%201.606-.038h.153v-2.965l-1.109.076c-.765%200-1.3-.152-1.568-.418-.267-.266-.382-.836-.382-1.71v-4.904h3.059v-2.965h-3.059V9.305Zm18.43-1.939h3.288v18.4h-3.288v-18.4Zm36.364%2013.762c-.574.646-1.186%201.216-1.645%201.52-.458.304-1.032.418-1.682.418-.956%200-1.759-.342-2.371-1.064-.612-.722-.956-1.635-.956-2.737s.306-2.015.918-2.737c.612-.722%201.415-1.064%202.371-1.064%201.07%200%202.179.646%203.135%201.786l2.18-2.053c-1.415-1.824-3.212-2.661-5.354-2.661-1.797%200-3.364.647-4.626%201.939-1.262%201.293-1.912%202.889-1.912%204.828%200%201.939.65%203.573%201.912%204.828%201.262%201.292%202.829%201.939%204.626%201.939%202.371%200%204.283-1.027%205.583-2.89l-2.179-2.052Zm13.459-6.501c-.459-.646-1.109-1.178-1.874-1.558-.765-.38-1.683-.57-2.715-.57-1.835%200-3.327.684-4.435%201.976-1.109%201.331-1.645%202.965-1.645%204.866%200%201.977.612%203.574%201.797%204.828%201.186%201.216%202.792%201.863%204.742%201.863%202.218%200%204.015-.875%205.391-2.623l.077-.076-2.141-2.053c-.192.228-.498.494-.727.76-.306.304-.612.532-.956.684a3.856%203.856%200%200%201-1.644.381c-.918%200-1.644-.266-2.218-.799-.535-.494-.841-1.14-.918-1.976h8.68l.039-1.179c0-.836-.115-1.635-.345-2.395-.305-.798-.65-1.482-1.108-2.129Zm-7.15%203.042a3.28%203.28%200%200%201%20.841-1.521c.459-.418%201.032-.646%201.721-.646.803%200%201.414.228%201.835.684.382.418.612.912.65%201.521h-5.047v-.038Zm19.731-3.878c-.994-.836-2.37-1.255-4.091-1.255-1.109%200-2.103.229-3.021.685a5.297%205.297%200%200%200-2.218%202.09l.039.038%202.103%202.015c.879-1.368%201.835-1.862%203.097-1.862.688%200%201.262.19%201.682.532.421.342.65.798.65%201.406v.647c-.803-.229-1.606-.381-2.409-.381-1.644%200-2.944.381-3.938%201.141-.994.76-1.491%201.863-1.491%203.231%200%201.217.42%202.205%201.262%202.927.841.722%201.911%201.065%203.173%201.065s2.409-.495%203.48-1.369v1.064h3.212V17.44c-.039-1.596-.536-2.813-1.53-3.649Zm-5.813%207.032c.383-.266.88-.38%201.568-.38a7.31%207.31%200%200%201%202.485.457v1.254c-.726.646-1.682.988-2.829.988-.574%200-.994-.114-1.3-.38-.306-.228-.459-.532-.459-.95%200-.418.153-.76.535-.989Zm19.922-6.804c-.918-1.026-2.18-1.52-3.824-1.52-1.3%200-2.37.38-3.135%201.102v-.798h-3.212v12.963h3.288v-7.147c0-.988.23-1.749.689-2.319.458-.57%201.108-.836%201.95-.836.726%200%201.3.228%201.72.722.421.494.612%201.178.612%202.053v7.489h3.288v-7.489c0-1.787-.458-3.193-1.376-4.22Zm-80.64-.228c-.994-.836-2.371-1.255-4.091-1.255-1.109%200-2.103.229-3.021.685a5.291%205.291%200%200%200-2.218%202.09l.038.038%202.103%202.015c.88-1.368%201.836-1.862%203.098-1.862.688%200%201.261.19%201.682.532.421.342.65.798.65%201.406v.647c-.803-.229-1.606-.381-2.409-.381-1.644%200-2.944.381-3.938%201.141-.994.76-1.492%201.863-1.492%203.231%200%201.217.421%202.205%201.262%202.927s1.912%201.065%203.174%201.065%202.409-.495%203.48-1.369v1.064h3.211V17.44c-.038-1.596-.535-2.813-1.529-3.649Zm-5.813%207.032c.383-.266.88-.38%201.568-.38a7.31%207.31%200%200%201%202.485.457v1.254c-.726.646-1.682.988-2.829.988-.574%200-.994-.114-1.3-.38-.306-.228-.459-.532-.459-.95%200-.418.153-.76.535-.989Zm25.082%205.209c-5.238%200-9.521-4.258-9.521-9.466%200-5.208%204.283-9.466%209.521-9.466%205.239%200%209.521%204.258%209.521%209.466%200%205.208-4.244%409.466-9.521%209.466Zm-.001-15.624c-3.403%200-6.156%202.737-6.156%206.12s2.753%206.121%206.156%206.121c3.403%200%206.156-2.738%206.156-6.121%200-3.383-2.753-6.12-6.156-6.12Z%22%20style%3D%22fill%3A%20rgb(0%2C%20105%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.digitalocean.com/_next/static/media/apple-touch-icon.d7edaa01.png",
    "ogImage": "https://www.digitalocean.com/_next/static/media/social-share-default.e8530e9e.jpeg",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is a medium-sized, visible logo in the header area, linking to the homepage, and matches the brand name 'DigitalOcean'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get Started",
      "reasoning": "Button #0 with text 'Get Started' uses the vibrant brand color #0069FF, which is a strong indicator of a primary call-to-action. The text is action-oriented, making it the most likely primary CTA."
    },
    "secondary": {
      "index": 7,
      "text": "Log in",
      "reasoning": "Button #7 with text 'Log in' has a different background color (#FFFFFF) and serves as a secondary action, typically used for existing users to access their accounts."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "developers and tech companies"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 1,
        "selectedLogoReasoning": "Selected #1 because it is a medium-sized, visible logo in the header area, linking to the homepage, and matches the brand name 'DigitalOcean'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}