This palette combines a strong Deep Navy Blue with balanced accent tones and neutral shades to convey a trustworthy and globally established brand identity for an imported goods and distribution company. The main colors work cohesively to project professionalism, reliability, and modern sophistication while supporting versatile usage across corporate materials.
This palette combines a strong Deep Navy Blue with balanced accent tones and neutral shades to convey a trustworthy and globally established brand identity for an imported goods and distribution company. The main colors work cohesively to project professionalism, reliability, and modern sophistication while supporting versatile usage across corporate materials.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors form a distinctive combination centered on a bold Deep Navy Blue accented by a strong Burnt Orange and a gentle Slate Blue, balancing modernity with global business sophistication.
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
The main colors form a distinctive combination centered on a bold Deep Navy Blue accented by a strong Burnt Orange and a gentle Slate Blue, balancing modernity with global business sophistication.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text, Headline
Deep Navy Blue establishes a professional and dependable foundation that communicates trust and global business strength.
#0B254511, 37, 69213, 73, 1684, 46, 0, 73RolesBtn Secondary Bg
Burnt Orange adds a confident, bold accent that energizes the palette while maintaining corporate refinement.
#D46A21212, 106, 3324, 73, 480, 50, 84, 17RolesIcon, Border, Divider, Outline
Slate Blue softly complements the dominant navy with subtle sophistication, reinforcing reliability without overpowering.
#8CA1B7140, 161, 183211, 23, 6323, 12, 0, 28The support colors extend the main palette with a warm muted Camel and a soft Cool Grey to balance bold accents and maintain a grounded corporate tone.
Muted Camel offers a warm tone that complements navy and burnt orange, adding approachable professionalism.
#A17C50161, 124, 8033, 34, 470, 23, 50, 37Cool Grey provides neutral harmony and visual rest areas, supporting clarity in corporate communications.
#BCC3CC188, 195, 204214, 14, 778, 4, 0, 20Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F7F8FA247, 248, 250220, 23, 971, 1, 0, 2RolesText, Btn Secondary Text
#1C1C1C28, 28, 280, 0, 110, 0, 0, 89Copy palette values for design systems, websites, and client handoff.
Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.
Use when: you need the actual colors.:root {
--color-deep-navy-blue: #0B2545;
--color-burnt-orange: #D46A21;
--color-slate-blue: #8CA1B7;
--color-muted-camel: #A17C50;
--color-cool-grey: #BCC3CC;
--color-pure-white: #FFFFFF;
--color-off-white: #F7F8FA;
--color-charcoal: #1C1C1C;
}Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.
Use when: you need UI roles, not just swatches.:root {
--role-logo: #0B2545;
--role-link: #0B2545;
--role-btn-primary-bg: #0B2545;
--role-btn-outlined-border: #0B2545;
--role-btn-outlined-text: #0B2545;
--role-headline: #0B2545;
--role-btn-secondary-bg: #D46A21;
--role-icon: #8CA1B7;
--role-border: #8CA1B7;
--role-divider: #8CA1B7;
--role-outline: #8CA1B7;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #F7F8FA;
--role-text: #1C1C1C;
--role-btn-secondary-text: #1C1C1C;
}Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.
Use when: a developer or app needs data.{
"deep-navy-blue": "#0B2545",
"burnt-orange": "#D46A21",
"slate-blue": "#8CA1B7",
"muted-camel": "#A17C50",
"cool-grey": "#BCC3CC",
"pure-white": "#FFFFFF",
"off-white": "#F7F8FA",
"charcoal": "#1C1C1C"
}