logo.svg
Guideline Cōsmo
      • Download Logo
              • Download Grid
              • Partners Photo
              • Photo Treatment

                Previous

                Next

                Color

                Colors.png
                flat.png
                secondary.svg
                gradients.svg
                sample1.svg
                sample2.svg
                sample3.svg
                typecolor-yes.svg
                typecolor-no.svg

                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.

                #0B064A
                Navy
                hex:#0B064A
                rgb:11, 6, 74
                #212BB9
                Blue
                hex:#212BB9
                rgb:33, 43, 185
                #4C8DFF
                Sky Blue
                hex:#4C8DFF
                rgb:76, 141, 255
                #EB4140
                Red
                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.

                #BF1C1C
                Secondary Red
                hex:#BF1C1C
                rgb:191, 28, 28
                #40BEF8
                Secondary Sky Blue
                hex:#40BEF8
                rgb:64, 190, 248
                #217ED5
                Secondary Blue
                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.

                #FCFCFF
                White
                hex:#FCFCFF
                rgb:252, 252, 255
                #CCCCD4
                Light Grey
                hex:#CCCCD4
                rgb:204, 204, 212
                #A0A0AF
                Medium Grey
                hex:#A0A0AF
                rgb:160, 160, 175
                #737389
                Dark Grey
                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.