Color palette

Color palette

Our color palette is clean, based on enthusiasm and commitment.

Black

Hex 101010
RGB 23 100 85
PMS 1303 C
CMYK 0, 20, 0, 80

Red

Hex FF4A45
RGB 23 100 85
PMS 1303 C
CMYK 0, 20, 0, 80

Off White

Hex F3F3F3
RGB 23 100 85
PMS 1303 C
CMYK 0, 20, 0, 80

Primary Brand Colors

Onbrand maintains consistency through the use of these core colors and fundamental elements. Download the color palette in HEX, RGB, and CMYK formats.

Use proportion
Logo
Logo
User interface color

The Onbrand color palette (HSL) consists of:

  • The same hue (H in HSL).

  • The same saturation (S in HSL).

  • Varying luminosity levels defining each step.

Highlight color

100

200

300

400

500

Each degree represents a luminosity variable in HSL. Rule of thumb: If (Text Color) - (Background Color) >= 300: Contrast = OK.

Main color

100

200

300

400

500

Each degree represents a luminosity variable in HSL. Rule of thumb: If (Text Color) - (Background Color) >= 300: Contrast = OK.

Onbrand is a template for Framer, designed by brand experts for brand experts.

Crafted by André Lacerda ©2024

Onbrand is a template for Framer, designed by brand experts for brand experts.

Crafted by André Lacerda ©2024

Onbrand is a template for Framer, designed by brand experts for brand experts.

Crafted by André Lacerda ©2024