Color
Vivid and bold, yet stable and grounded, Asia Circles’ color palette is designed to complement our visions and support what we bring to our global partners.
Core Colors
Our core colors are predominantly blue, leaning towards the warmer side for that energetic and human-centric feel. These are complemented by a vibrant red to firmly position Asia Circles as a confident leader in the market.
| hex: | #0B064A |
|---|---|
| rgb: | 11, 6, 74 |
| hex: | #212BB9 |
|---|---|
| rgb: | 33, 43, 185 |
| hex: | #4C8DFF |
|---|---|
| rgb: | 76, 141, 255 |
| hex: | #EB4140 |
|---|---|
| rgb: | 235, 65, 64 |
Secondary Colors
Our secondary color palette consists of supporting tints and shades to our core colors.
Using our secondary colors
These colors are used primarily for creating gradients, but can also be used as flat colors. Only introduce them in support of our core colors. Do not use these colors on their own.
| hex: | #BF1C1C |
|---|---|
| rgb: | 191, 28, 28 |
| hex: | #40BEF8 |
|---|---|
| rgb: | 64, 190, 248 |
| hex: | #217ED5 |
|---|---|
| rgb: | 33, 126, 213 |
Gradients
These gradients are formed by combining our core colors with one or more of their secondary counterparts. Part of our main graphic system, these gradients can and should be used liberally across our communication materials.
Neutrals
Neutral colors are used for content and when legibility is required. This creates a clear and accessible visual hierarchy, and ties our branding together by adding hints of our core colors.
| hex: | #FCFCFF |
|---|---|
| rgb: | 252, 252, 255 |
| hex: | #CCCCD4 |
|---|---|
| rgb: | 204, 204, 212 |
| hex: | #A0A0AF |
|---|---|
| rgb: | 160, 160, 175 |
| hex: | #737389 |
|---|---|
| rgb: | 115, 115, 137 |
Type & Color
When combining colors, keep accessibility in mind. Generally a white background can accommodate all core colors and vice versa. Avoid using combinations that are low contrast, or combining red and blue/navy.
Good combinations
Some recommendations on how to combine our colors.
Bad combinations
Avoid these combinations as they are too low contrast or can cause fatigue.
