Consistent Colors

A shared palette for structure, highlights, and storytelling

To ensure a consistent look and feel across all pages, we use a unified color system. These colors are predefined and can be applied to different elements such as backgrounds or Carousels. Each color is paired with matching text and link settings, so readability and accessibility are always guaranteed.

Orange

Accessibility note: Orange may only be used for large text (headings h1–h3, buttons), not for body text or small links.

Discover more Another Button

Orange Light

Example:

Did you know?

More than 500,000 websites are powered by TYPO3 worldwide.

Explore stories Another Button

Blue

Example:

Customer Success

Cities and municipalities rely on TYPO3 for secure digital services.

Read case study Another Button

Blue Light

Example:

Quick Tip

Automate recurring tasks with the TYPO3 Scheduler.

Learn more Another Button

Red

Example:

Important Update

Extended Support ensures your TYPO3 stays secure beyond standard support.

Discover more Another Button

Red Light

Example:

Community Spirit

Contributions from thousands of users drive TYPO3 forward.

Get involved Another Button

Green

Example:

Sustainable Choice

TYPO3 enables long-term projects with low total cost of ownership.

Learn more Another Button

Green Light

Example:

Collaboration

Agencies, enterprises, and institutions work together in the TYPO3 ecosystem.

Find partners Another Button

Violet

Example:

Innovation

TYPO3 provides endless flexibility for digital experiences.

Discover possibilities Another Button

Violet Light

Example:

Knowledge Hub

Access training materials, guides, and certification options.

Start learning Another Button

White

Example:

Simple & Clear

A white background gives your content maximum focus.

Stone

Example:

Background Info

TYPO3 is maintained by an active open-source community.

See community Another Button

Coal

Example:

Spotlight

TYPO3 is trusted by leading organizations worldwide.

Explore references Another Button

Gradient

Example:

TYPO3 in Action

Create seamless digital experiences with TYPO3 across industries.

See use cases Another Button