Digital experiences

Our design system defines the building blocks for creating cohesive Autodesk web experiences. Guidelines are in progress for the Autodesk brand, including standards, documentation, and toolkits.

For additional information and requests:

  • Internal (employees), Slack the team at #get-design-systems
  • External (vendors), please coordinate with your Autodesk contact

Autodesk is committed to digital equity. We are working to remove barriers between people and their goals and to follow the Web Content Accessibility Guidelines at level AA or above.


The primary brand colors of Autodesk are Autodesk Black, Autodesk White, and Hello Yellow. This simple palette forms a framework to support the parent brand and not compete with the colorful images, communities, and ideas that bring Autodesk online experiences to life. Visit Our colors for more information.

Primary brand colors

As a rule, aside from visuals like photographs, all Autodesk assets should be in Autodesk Black, Autodesk White, and Hello Yellow—the primary brand colors of Autodesk.

You may use tints of Hello Yellow, as long as the pure primary Hello Yellow is the predominant shade.

A color swatch of Autodesk Black

Autodesk Black

Hex: #000000
RGB: (0, 0, 0)
CMYK: (60, 40, 40, 100)

A color swatch of Autodesk White

Autodesk White

Hex: #FFFFFF
RGB: (255, 255, 255)
CMYK: (0, 0, 0, 0)

A color swatch of Hello Yellow

Hello Yellow

Hex: #FFFF00
RGB: (255, 255, 0)
CMYK: (0, 0, 100, 0)


Detail grays

Detail grays can be used to indicate a minute level of hierarchy or division between elements and surfaces, such as a single pixel edge or dividing line. Dark Slate may be used against light backgrounds and Light Slate may be used against dark. They may also be used to create hierarchy in text when needed, or to create subtle distinctions in charts and graphs.

A color swatch of Warm Slate

Warm slate

Hex: #D5D5CB
RGB: (213, 213, 203)
CMYK: (16, 11, 18, 0)

A color swatch of Slate

Slate

Hex: #666666
RGB: (102, 102, 102)
CMYK: (60, 51, 51, 20)


Accent colors

Use accent colors sparingly to provide signals, highlights, or functional prompts.

A color swatch of Dawn

Dawn

Hex: #F09D4F
RGB: (240, 157, 79)
CMYK: (4, 44, 78, 0)

A color swatch of Dusk

Dusk

Hex: #F2520A
RGB: (242, 82, 10)
CMYK: (0, 82, 100, 0)

A color swatch of Twilight

Twilight

Hex: #1D91D0
RGB: (29, 145, 208)
CMYK: (77, 31, 0, 0)

A color swatch of Morning

Morning

Hex: #2AD0A9
RGB: (42, 208, 169)
CMYK: (66, 0, 47, 0)

Color usage

Detailed guidelines for the application of color in online experiences are currently in development.


Artifakt Legend and Element

Artifakt is a proprietary typeface, designed for exclusive use by Autodesk. It expresses our unique personality and addresses technical and aesthetic concerns of Autodesk branding, web, and UI design.

Note: Make sure you update to the latest version of Artifakt font package for designers, available on the DAM  (access required).

All designs for screen use Artifakt Element for everything except large headings, which uses Artifakt Legend.