This palette channels Taylor Swift’s evolving aesthetic through a recognizable mix of romantic rose, electric lavender, and polished red. The system feels expressive and cinematic while staying versatile enough for digital brand touchpoints and fan-facing experiences.
This palette channels Taylor Swift’s evolving aesthetic through a recognizable mix of romantic rose, electric lavender, and polished red. The system feels expressive and cinematic while staying versatile enough for digital brand touchpoints and fan-facing experiences.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors balance rose, violet, and red in a lively triadic relationship that feels expressive and instantly recognizable. Together they evoke glamour, emotional depth, and performance energy without relying on a single predictable pink 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 balance rose, violet, and red in a lively triadic relationship that feels expressive and instantly recognizable. Together they evoke glamour, emotional depth, and performance energy without relying on a single predictable pink tone.
RolesLogo, Btn Primary Bg
Rosewood brings the signature romantic warmth that anchors the palette and keeps the identity emotionally familiar.
#D65A80214, 90, 128342, 60, 600, 58, 40, 16RolesLink, Headline
Amethyst adds a modern, lyrical edge that supports storytelling and gives the palette a dreamy, melodic quality.
#8A63D2138, 99, 210261, 55, 6134, 53, 0, 18RolesBtn Secondary Bg, Btn Outlined Border
Crimson contributes performance intensity and visual urgency, giving the system a strong accent for calls to action and emphasis.
#C81E3A200, 30, 58350, 74, 450, 85, 71, 22The support colors soften the main trio and add polish, depth, and a touch of stage-like atmosphere. They stay understated so the rose, violet, and crimson remain the focal point.
RolesIcon, Border
Slate Blue tempers the brighter main colors with a cool, steady tone that works well for interface structure and small UI details.
#6D7C91109, 124, 145215, 14, 5025, 14, 0, 43RolesBtn Outlined Text, Outline
Lavender Gray echoes the violet family in a muted form, keeping outlined elements elegant while preserving strong readability.
#B7A3C9183, 163, 201272, 26, 719, 19, 0, 21Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F6F1EB246, 241, 23533, 38, 940, 2, 4, 4RolesBg Dark, Divider, Text, Btn Primary Text
#11111117, 17, 170, 0, 70, 0, 0, 93Copy 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-rosewood: #D65A80;
--color-amethyst: #8A63D2;
--color-crimson: #C81E3A;
--color-slate-blue: #6D7C91;
--color-lavender-gray: #B7A3C9;
--color-white: #FFFFFF;
--color-ivory: #F6F1EB;
--color-charcoal: #111111;
}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: #D65A80;
--role-btn-primary-bg: #D65A80;
--role-link: #8A63D2;
--role-headline: #8A63D2;
--role-btn-secondary-bg: #C81E3A;
--role-btn-outlined-border: #C81E3A;
--role-icon: #6D7C91;
--role-border: #6D7C91;
--role-btn-outlined-text: #B7A3C9;
--role-outline: #B7A3C9;
--role-bg-light: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #111111;
--role-divider: #111111;
--role-text: #111111;
--role-btn-primary-text: #111111;
}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.{
"rosewood": "#D65A80",
"amethyst": "#8A63D2",
"crimson": "#C81E3A",
"slate-blue": "#6D7C91",
"lavender-gray": "#B7A3C9",
"white": "#FFFFFF",
"ivory": "#F6F1EB",
"charcoal": "#111111"
}