This palette channels Ed Sheeran’s warm, acoustic-pop energy with a rich red-led system softened by earthy amber and deep plum accents. The result feels intimate, radio-friendly, and memorable without becoming overly literal or costume-like.
This palette channels Ed Sheeran’s warm, acoustic-pop energy with a rich red-led system softened by earthy amber and deep plum accents. The result feels intimate, radio-friendly, and memorable without becoming overly literal or costume-like.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors pair a vivid performance red with a softer amber-gold and a grounded plum, creating a recognizable music-brand system that feels emotional, warm, and stage-ready. Together they balance singalong energy with an intimate, songwriter-driven tone.
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 pair a vivid performance red with a softer amber-gold and a grounded plum, creating a recognizable music-brand system that feels emotional, warm, and stage-ready. Together they balance singalong energy with an intimate, songwriter-driven tone.
RolesLogo, Btn Primary Bg
Crimson carries the strongest artist recognition and gives the palette a bold, melodic center.
#D64541214, 69, 652, 65, 550, 68, 70, 16RolesLink, Btn Secondary Bg
Amber adds warmth and friendliness while keeping the system lively and approachable.
#D99A2B217, 154, 4338, 70, 510, 29, 80, 15RolesHeadline, Btn Outlined Border, Btn Outlined Text
Plum deepens the palette with a reflective, emotionally rich note that suits lyrics and storytelling.
#6B3A57107, 58, 87324, 30, 320, 46, 19, 58The support colors extend the warm music palette with muted accents that stay in the background and reinforce the main trio. They add usability and visual rhythm without competing with the primary red-led identity.
RolesIcon, Border
Terracotta softens the stronger reds and bridges the palette with an earthy, organic feel.
#B56C5A181, 108, 9012, 38, 530, 40, 50, 29RolesDivider, Outline
Olive Brown grounds the interface with a subdued natural tone that keeps emphasis on the main colors.
#8A6F3E138, 111, 6239, 38, 390, 20, 55, 46Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F4F0EA244, 240, 23436, 31, 940, 2, 4, 4RolesBg Dark, Text, Btn Secondary Text
#17171723, 23, 230, 0, 90, 0, 0, 91Copy 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-crimson: #D64541;
--color-amber: #D99A2B;
--color-plum: #6B3A57;
--color-terracotta: #B56C5A;
--color-olive-brown: #8A6F3E;
--color-white: #FFFFFF;
--color-ivory: #F4F0EA;
--color-charcoal: #171717;
}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: #D64541;
--role-btn-primary-bg: #D64541;
--role-link: #D99A2B;
--role-btn-secondary-bg: #D99A2B;
--role-headline: #6B3A57;
--role-btn-outlined-border: #6B3A57;
--role-btn-outlined-text: #6B3A57;
--role-icon: #B56C5A;
--role-border: #B56C5A;
--role-divider: #8A6F3E;
--role-outline: #8A6F3E;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #171717;
--role-text: #171717;
--role-btn-secondary-text: #171717;
}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.{
"crimson": "#D64541",
"amber": "#D99A2B",
"plum": "#6B3A57",
"terracotta": "#B56C5A",
"olive-brown": "#8A6F3E",
"white": "#FFFFFF",
"ivory": "#F4F0EA",
"charcoal": "#171717"
}