This palette uses a triadic color scheme centered on a vivid Orange, a strong Blue, and a warm Sand tone, providing a balanced and vibrant system ideal for digital interfaces like Linktree. The Orange creates a recognizable and energetic primary presence, Blue supports clickable and interactive elements, and Sand offers warmth and readability for backgrounds and text.
This palette uses a triadic color scheme centered on a vivid Orange, a strong Blue, and a warm Sand tone, providing a balanced and vibrant system ideal for digital interfaces like Linktree. The Orange creates a recognizable and energetic primary presence, Blue supports clickable and interactive elements, and Sand offers warmth and readability for backgrounds and text.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The triadic orange, blue, and sand main colors create an energetic and visually balanced system that supports interactive and readable elements with high contrast for digital interfaces.
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 triadic orange, blue, and sand main colors create an energetic and visually balanced system that supports interactive and readable elements with high contrast for digital interfaces.
RolesLogo, Btn Primary Bg, Link
The vivid Orange energizes the brand's presence and draws attention to primary interactive elements like buttons and logos.
#FF6600255, 102, 024, 100, 500, 60, 100, 0RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text
The strong Blue contrasts vibrantly with Orange and is perfect for secondary buttons and outlined elements, enhancing interactive clarity.
#0047AB0, 71, 171215, 100, 34100, 58, 0, 33RolesHeadline
The warm Tan provides a softer, approachable accent for headlines, balancing the energetic main colors with subtle warmth.
#D2B48C210, 180, 14034, 44, 690, 14, 33, 18The support colors are muted blues and grays that subtly extend the palette, adding depth and usable interface nuances while remaining visually subordinate to the main colors.
RolesIcon, Border, Divider, Outline
Sky Blue acts as a gentle accent for icons and borders, harmonizing with the main Blue while maintaining a low profile to support the interface.
#6699CC102, 153, 204210, 50, 6050, 25, 0, 20Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F5F5F5245, 245, 2450, 0, 960, 0, 0, 4RolesText, Btn Primary Text
#22222234, 34, 340, 0, 130, 0, 0, 87Copy 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-orange: #FF6600;
--color-blue: #0047AB;
--color-tan: #D2B48C;
--color-sky-blue: #6699CC;
--color-white: #FFFFFF;
--color-cultured: #F5F5F5;
--color-charcoal: #222222;
}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: #FF6600;
--role-btn-primary-bg: #FF6600;
--role-link: #FF6600;
--role-btn-secondary-bg: #0047AB;
--role-btn-outlined-border: #0047AB;
--role-btn-outlined-text: #0047AB;
--role-headline: #D2B48C;
--role-icon: #6699CC;
--role-border: #6699CC;
--role-divider: #6699CC;
--role-outline: #6699CC;
--role-bg-light: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #F5F5F5;
--role-text: #222222;
--role-btn-primary-text: #222222;
}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.{
"orange": "#FF6600",
"blue": "#0047AB",
"tan": "#D2B48C",
"sky-blue": "#6699CC",
"white": "#FFFFFF",
"cultured": "#F5F5F5",
"charcoal": "#222222"
}