This color palette captures the modern, clean, and professional vibe inspired by the image's use of black and blue. The deep black offers strong contrast and authority, while the medium blue adds a fresh, tech-savvy energy. Cool grays balance the palette, keeping it versatile and supportive without overpowering the main colors.
This color palette captures the modern, clean, and professional vibe inspired by the image's use of black and blue. The deep black offers strong contrast and authority, while the medium blue adds a fresh, tech-savvy energy. Cool grays balance the palette, keeping it versatile and supportive without overpowering the main colors.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors balance powerful black with vibrant blue, forming a recognizable and dynamic complementary system suitable for technology brands.
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 balance powerful black with vibrant blue, forming a recognizable and dynamic complementary system suitable for technology brands.
RolesLogo, Btn Primary Bg, Btn Outlined Border
Black provides a strong, authoritative foundation evoking sophistication and clarity.
#0000000, 0, 00, 0, 00, 0, 0, 100RolesLink, Btn Secondary Bg, Btn Outlined Text, Headline
Azure Blue injects energy and approachability, enhancing the palette with a vibrant tech-savvy hue.
#0077CC0, 119, 204205, 100, 40100, 42, 0, 20Support colors are cool grays that extend the palette with subtle neutrality, maintaining focus on the main colors while providing balance for interface elements.
RolesIcon, Border, Divider, Outline
Slate Gray complements black by offering depth and texture without competing for attention.
#555A6585, 90, 101221, 9, 3616, 11, 0, 60RolesBg Dark
Light Steel Gray introduces a muted neutrality that softens the darker elements and enhances usability.
#A0A8B9160, 168, 185221, 15, 6814, 9, 0, 27Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F5F7FA245, 247, 250216, 33, 972, 1, 0, 2RolesText
#1A1A1A26, 26, 260, 0, 100, 0, 0, 90Copy palette values for design systems, websites, and client handoff. You can also copy this palette for Logo Export on myLogo.review, so your colors are ready there in one click.
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-black: #000000;
--color-azure-blue: #0077CC;
--color-slate-gray: #555A65;
--color-light-steel-gray: #A0A8B9;
--color-pure-white: #FFFFFF;
--color-ghost-white: #F5F7FA;
--color-rich-black: #1A1A1A;
}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: #000000;
--role-btn-primary-bg: #000000;
--role-btn-outlined-border: #000000;
--role-link: #0077CC;
--role-btn-secondary-bg: #0077CC;
--role-btn-outlined-text: #0077CC;
--role-headline: #0077CC;
--role-icon: #555A65;
--role-border: #555A65;
--role-divider: #555A65;
--role-outline: #555A65;
--role-bg-dark: #A0A8B9;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-text: #1A1A1A;
}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.{
"black": "#000000",
"azure-blue": "#0077CC",
"slate-gray": "#555A65",
"light-steel-gray": "#A0A8B9",
"pure-white": "#FFFFFF",
"ghost-white": "#F5F7FA",
"rich-black": "#1A1A1A"
}