BrandColor

Color

All colors that are in the ClickHouse color palette are defined as design tokens.

Core colors

In both the brand and the product, yellow is the defining color, however it is used in different ways. In the brand, it is primary, designed to draw attention and differentiate ClickHouse from other companies in our industry. In the product it’s used more as an accent, to draw attention to specific areas of interest but not to be overused.

Brand

color.palette.primary.300

 

color.palette.neutral.900

 

UI chrome colors

This range of blue-greys are used for text, background and stroke colors, with neutral used in the dark theme, and slate in the light.

Neutral

0

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

725

 

750

 

800

 

900

 

Slate

25

 

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

900

 

Feedback colors

These ranges of colors are typically used when we’re communicating status text via alerts or badges.

Info

50

 

100

 

200

 

300

 

400

 

500

 

600

 

650

 

700

 

800

 

900

 

Success

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

850

 

900

 

Warning

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

900

 

Danger

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

900

 

Supporting colors

These colors are used mainly in our charting library.

Teal

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

850

 

900

 

Indigo

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

900

 

Violet

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

850

 

900

 

Fuchsia

50

 

100

 

200

 

300

 

400

 

500

 

600

 

700

 

800

 

850

 

900

 

© 2026 ClickHouse, Inc. HQ in the Bay Area, CA and Amsterdam, NL.