Brand Experience

LOGO

Typography

Color

Material kit

Resources

Brand Experience

Color System

Color distinguishes our brand and helps us create consistent experiences across products,
while allowing us to make an emotional connection with users and partners.

Color distinguishes our brand and helps us create consistent experiences across products, while allowing us to make an emotional connection with users and partners.

Color distinguishes our brand and helps us create consistent experiences across products, while allowing us to make an emotional connection
with users and partners.

Add Brand Colors

CLO

Marvelous Designer

CLO-SET

CONNECT

Jinny

CLO-Vise

CLO

Color Variation

Logo primarily utilizes CLO BLUE. We also have mono options ranging from white, light gray, gray and black.

#40A9FF

#FFFFFF

#CACED2

#83868A

#232328

Background Color Variation

These lighter tone colors can be utilized for backgrounds, along with the main color CLO BLUE.

#F7F2EC

#EDF0F5

#E2F2FF

#FFD999

#0A5AAB

Color Mix Suggestion

Here are some color combinations that work well as backgrounds.

Suggestion 1

#F7F2EC

#91CDFF

#40A9FF

Suggestion 2

#40A9FF

#F2FAFF

#F7F7F7

Suggestion 3

#40A9FF

#33539F

#FFFFFF

Suggestion 4

#40A9FF

#197AD3

#1B387D

Marvelous Designer

Primary Color Variation

MD Yellow is presented with a lighter variation while MD Orange has 2 additional darker variations.
The primary gradient colors are also provided.

#FFEBAF

#FBC400

#FF8A00

#E06E14

#B55000

Primary Gradient Color Variation

Mono Color Variation

5 shades of grays that complement the MD colors are provided here.

#F5F5F7

#C3C3CD

#898B8E

#56565B

#18181C

Background Color Variation

Here are some color combinations that work well as backgrounds against the MD colors.

#FFFAEA

#FFF3E0

#FFE7E6

#414141

#18181C

Color Mix Suggestion

Here is a suggested color palette with appropriate mixes for primary, mono, and background colors.

Suggestion 1

#FFFAEA

#FBC400

#EB5113

Suggestion 2

#FF8A00

#FBC400

#18181C

Suggestion 3

#FBC400

#FFF3E0

#414141

Suggestion 4

#FF8A00

#FFFAEA

#414141

Suggestion 5

#F5F5F7

#898B8E

#18181C

CLO-SET

Primary Color Variation

CLO-SET's primary color is aqua, and here we present lighter and darker tones that can be used.

#E6FAFF

#D5F4F7

#A9E8EF

#42CDDD

#00B7CF

Mono Color Variation

Here are some gray colors that work well when used alongside the primary color, aqua.
These can be used effectively in text, background, and other elements.

#F5F5F8

#D2D2D4

#646466

#303032

#19191A

Background Color Variation

These can be used in combination with various colors, along with the main color CLO BLUE.

#FFFDF4

#FFF8F4

#686E81

#5E5E5E

#3C3C38

Color Mix Suggestion

Here is a suggested color palette with appropriate mixes for primary, mono and background colors.

Suggestion 1

#00B7CF

#F5F5F8

#19191A

Suggestion 2

#42CDDD

#D2D2D4

#303032

Suggestion 3

#E6FAFF

#FFFFFF

#000000

Suggestion 4

#F5F5F8

#D2D2D4

#19191A

Suggestion 5

#FFFDF4

#42CDDD

#5E5E5E

CONNECT

Primary Color Variation

The most important color for CONNECT is aqua. Also provided are the gradient codes as well.

#B3F7FF

#66F0FF

#42CDDD

#0D737D

#063F45

Primary Gradient Color Variation

Mono Color Variation

These are gray shades that can be used effectively in text, background, and other elements.

#FFFFFF

#BFBFC6

#5F5F68

#2E2E33

#000000

Sub Color Variation

These are colors that can be used as secondary options.
Prioritize use of primary colors and only use these at less than 10% ratio of overall content.

#20DF71

#FF9900

#0962DD

#D2394B

#8D4CF8

Jinny

Primary Color Variation

The most important color for Jinny is Purple. Also provided are the gradient codes as well.

#F0F1FF

#DDDEFF

#C2C5FF

#B2B2FF

#A3A7FF

#918CFF

Mono Color Variation

These are gray shades that can be used effectively in text, background, and other elements.

#FFFFFF

#F2F2F5

#E1E1E3

#AAAAAD

#000000

CLO-Vise

Color Variation

Logo primarily utilizes CLO BLUE. We also have mono options ranging from white, light gray, gray and black.

#40A9FF

#FFFFFF

#CACED2

#83868A

#232328

Background Color Variation

These lighter tone colors can be utilized for backgrounds, along with the main color CLO BLUE.

#F7F2EC

#EDF0F5

#E2F2FF

#FFD999

#0A5AAB

Color Mix Suggestion

Here are some color combinations that work well as backgrounds.

Suggestion 1

#F7F2EC

#91CDFF

#40A9FF

Suggestion 2

#40A9FF

#F2FAFF

#F7F7F7

Suggestion 3

#40A9FF

#33539F

#FFFFFF

Suggestion 4

#40A9FF

#197AD3

#1B387D

Adding a brand color palette to Adobe tools

Employees who use Adobe tools such as Photoshop and Illustrator with our company account (clo3d.com)
can access our company's branding color palette by opening the Library panel.

To activate the [Libraries] from the [Window] menu in Adobe software, follow these steps:

To activate the [Libraries] from the [Window] menu in Adobe software,

follow these steps:

1. Click on the [Window] menu at the top.

2. Select [Libraries] from the list to activate it.

To select [CVF Branding Color] in the open Library panel, please follow these steps:

To select [CVF Branding Color] in the open Library panel,

please follow these steps:

1. Make sure the Library panel is open as per the previous instructions.

2. Look for [CVF Branding Color] within the Library panel.

3. Click on [CVF Branding Color] to select it.

Please feel free to use and combine the provided brand color palette as needed.

If you have any other questions or need further assistance, please don't hesitate to leave your inquiries in the #cell_pdxbc channel on Slack.

Please feel free to use and combine the provided brand color palette as needed. If you have any other questions or need further assistance, please don't hesitate to leave your inquiries in the #cell_pdxbc channel on Slack.

Brand Experience

LOGO

Typography

Color

Material kit

Resources

Brand Experience

Brand Experience

Color System

Color distinguishes our brand and helps us create consistent experiences across products, while allowing us to make an emotional connection with users and partners.

Color distinguishes our brand and helps us create consistent experiences across products, while allowing us to make an emotional connection with users and partners.

Color distinguishes our brand and helps us create consistent experiences across products, while allowing us to make an emotional connection with users and partners.

Add Brand Colors

CLO

Marvelous Designer

CLO-SET

CONNECT

Jinny

CLO-Vise

CLO

PDF Guide

Color Variation

Logo primarily utilizes CLO BLUE. We also have mono options ranging from white, light gray, gray and black.

#40A9FF

#FFFFFF

#CACED2

#83868A

#232328

Background Color Variation

These lighter tone colors can be utilized for backgrounds, along with the main color CLO BLUE.

#F7F2EC

#EDF0F5

#E2F2FF

#FFD999

#0A5AAB

Color Mix Suggestion

Here are some color combinations that work well as backgrounds.

Suggestion 1

#F7F2EC

#91CDFF

#40A9FF

Suggestion 2

#40A9FF

#F2FAFF

#F7F7F7

Suggestion 3

#40A9FF

#33539F

#FFFFFF

Suggestion 4

#40A9FF

#197AD3

#1B387D

Marvelous Designer

PDF Guide

Primary Color Variation

MD Yellow is presented with a lighter variation while MD Orange has 2 additional darker variations. The primary gradient colors are also provided.

#FFEBAF

#FBC400

#FF8A00

#E06E14

#B55000

Primary Gradient Color Variation

Mono Color Variation

5 shades of grays that complement the MD colors are provided here.

#F5F5F7

#C3C3CD

#898B8E

#56565B

#18181C

Background Color Variation

Here are some color combinations that work well as backgrounds against the MD colors.

#FFFAEA

#FFF3E0

#FFE7E6

#414141

#18181C

Color Mix Suggestion

Here is a suggested color palette with appropriate mixes for primary, mono, and background colors.

Suggestion 1

Color distinguishes our brand and helps us create consistent experiences across products,
while allowing us to make an emotional connection with users and partners.

Color distinguishes our brand and helps us create consistent experiences across products, while allowing us to make an emotional connection
with users and partners.

MD Yellow is presented with a lighter variation while MD Orange has 2 additional darker variations.
The primary gradient colors are also provided.

Here are some gray colors that work well when used alongside the primary color, aqua.
These can be used effectively in text, background, and other elements.