This palette draws inspiration from the image's classic navy, gold, and brown tones, creating a refined and dependable color system that evokes trust and professionalism. It balances strong, bold primary colors with subtle, earthy support colors and three neutrals for versatility and readability.
This palette draws inspiration from the image's classic navy, gold, and brown tones, creating a refined and dependable color system that evokes trust and professionalism. It balances strong, bold primary colors with subtle, earthy support colors and three neutrals for versatility and readability.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors of navy blue, gold, and deep brown form a triadic color scheme that provides strong visual contrast while maintaining harmony, creating a memorable and trustworthy appearance.
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 of navy blue, gold, and deep brown form a triadic color scheme that provides strong visual contrast while maintaining harmony, creating a memorable and trustworthy appearance.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text, Headline
Navy Blue adds a sense of trust, authority, and professionalism to the brand identity.
#2B327A43, 50, 122235, 48, 3265, 59, 0, 52RolesBtn Secondary Bg
Gold introduces a classic, prestigious feeling, emphasizing quality and value.
#D4AF37212, 175, 5546, 65, 520, 17, 74, 17Deep Brown grounds the palette with warmth and reliability, providing depth and subtle balance.
#653614101, 54, 2025, 67, 240, 47, 80, 60The support colors extend the palette with muted complementary tones of soft beige and warm tan, which harmonize with the main colors while maintaining visual subtlety.
RolesIcon, Border, Divider, Outline
Soft Beige complements the main colors by adding a gentle, understated contrast that keeps the palette approachable.
#C9B497201, 180, 15135, 32, 690, 10, 25, 21Warm Tan provides a warm accent that balances the cooler navy and vibrant gold, reinforcing the palette's classic feel.
#8A6F59138, 111, 8927, 22, 450, 20, 36, 46Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F7F1E1247, 241, 22544, 58, 930, 2, 9, 3RolesText, Btn Secondary Text
#2E2E2E46, 46, 460, 0, 180, 0, 0, 82Copy 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-navy-blue: #2B327A;
--color-gold: #D4AF37;
--color-deep-brown: #653614;
--color-soft-beige: #C9B497;
--color-warm-tan: #8A6F59;
--color-pure-white: #FFFFFF;
--color-near-white: #F7F1E1;
--color-charcoal: #2E2E2E;
}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: #2B327A;
--role-link: #2B327A;
--role-btn-primary-bg: #2B327A;
--role-btn-outlined-border: #2B327A;
--role-btn-outlined-text: #2B327A;
--role-headline: #2B327A;
--role-btn-secondary-bg: #D4AF37;
--role-icon: #C9B497;
--role-border: #C9B497;
--role-divider: #C9B497;
--role-outline: #C9B497;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #F7F1E1;
--role-text: #2E2E2E;
--role-btn-secondary-text: #2E2E2E;
}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.{
"navy-blue": "#2B327A",
"gold": "#D4AF37",
"deep-brown": "#653614",
"soft-beige": "#C9B497",
"warm-tan": "#8A6F59",
"pure-white": "#FFFFFF",
"near-white": "#F7F1E1",
"charcoal": "#2E2E2E"
}