cloudinary

Cloudinary Brand Identity

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

Color Palette

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

Color	Hex	RGB
primary	#0C163B	rgb(12, 22, 59)
secondary	#3F5FFF	rgb(63, 95, 255)
accent	#0D9AFF	rgb(13, 154, 255)
background	#FFFFFF	rgb(255, 255, 255)
textPrimary	#152F41	rgb(21, 47, 65)
link	#152F41	rgb(21, 47, 65)

Typography

Each font links to its Google Fonts page where available.

primary: Inter
Inter (Google Fonts →)
heading: Inter
Inter (Google Fonts →)
Inter, sans-serif

UI Components

Live previews rendered using Cloudinary's actual button styles.

Button Primary
- background: #0D9AFF
- textColor: #FFFFFF
- borderRadius: 27px
- shadow: none
Button Secondary
- background: #E7F5FF
- textColor: #0C163B
- borderRadius: 0px
- shadow: none

Brand Personality

Tone: professional
Energy: medium
Audience: developers and businesses seeking media management solutions

Frequently Asked Questions

What is Cloudinary's primary brand color?
Cloudinary's primary brand color is #0C163B.
What accent color does Cloudinary use?
Cloudinary uses #0D9AFF as an accent color.
What font does Cloudinary use?
Cloudinary uses Inter as the primary typeface.
Does Cloudinary use a light or dark theme?
Cloudinary's primary site uses a light color scheme, with a background of #FFFFFF.
Where can I find Cloudinary's logo?
Cloudinary's logo is available directly on their site (https://cloudinary.com).

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0C163B",
    "secondary": "#3F5FFF",
    "accent": "#0D9AFF",
    "background": "#FFFFFF",
    "textPrimary": "#152F41",
    "link": "#152F41"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "47px",
      "h2": "47px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0D9AFF",
      "textColor": "#FFFFFF",
      "borderRadius": "27px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#E7F5FF",
      "textColor": "#0C163B",
      "borderRadius": "0px",
      "shadow": "none"
    }
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "developers and businesses seeking media management solutions"
  }
}