Dusky Plum#7B5A8E
Petal Blush#F08CB2
Apricot Veil#F7C9A4
Rose Clay#A56E5A
Heathered Gold#E9D89F
Palette direction

Peach Softcontrast Blush Color Palette

This palette turns the image’s soft plum, blush, and peach into a refined identity system with a warm, modern feel. The colors work together as a clear brand family because they share a sun-warmed undertone while still giving the interface distinct hierarchy and contrast. The lighter gold accent now has a softer, more subtle beige-gold tone that reduces yellow intensity, maintaining a luminous warmth that enhances usability and elevates the warm story without competing with the main colors.

CustomLuxury And Lifestyleplumblushpeachwarm neutrals
palette-preview.example
Luxury And Lifestyle color direction

Peach Softcontrast Blush Color Palette

This palette turns the image’s soft plum, blush, and peach into a refined identity system with a warm, modern feel. The colors work together as a clear brand family because they share a sun-warmed undertone while still giving the interface distinct hierarchy and contrast. The lighter gold accent now has a softer, more subtle beige-gold tone that reduces yellow intensity, maintaining a luminous warmth that enhances usability and elevates the warm story without competing with the main colors.

Explore the color system
Logo contrast guide

Logo color pairings

ColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.

Logo Ink Charcoal #1F1A1Don Apricot Veil #F7C9A411.3:1 Excellent
Logo Ink Charcoal #1F1A1Don Petal Blush #F08CB27.4:1 Excellent
Logo Pure White #FFFFFFon Dusky Plum #7B5A8E5.7:1 Strong
Logo Ink Charcoal #1F1A1Don Pure White #FFFFFF17.2:1 Excellent
Icon color
BackgroundPetal Blush#F08CB2TextInk Charcoal#1F1A1D
Primary Button7.44:1
AAA

Best for the main action users should notice first.

BackgroundApricot Veil#F7C9A4TextInk Charcoal#1F1A1D
Secondary Button11.31:1
AAA

Useful for softer choices and secondary paths.

BackgroundAlabaster Tint#F6F1EBTextApricot Veil#F7C9A4
Outlined Button1.35:1
Low

Good for lower-emphasis actions on light surfaces.

BackgroundAlabaster Tint#F6F1EBTextPetal Blush#F08CB2
Text Button2.06:1
Low

A quiet action for links, navigation, and inline decisions.

Palette composition8 colorsCustom color relationship
9:41Peach Softcontrast Blush Color Palette Color role balance
Custom system
60% DominantNeutrals

Backgrounds, large surfaces, whitespace, and reading comfort.

30% SecondarySupport colors

Sections, secondary UI, illustrations, and repeated brand moments.

10% AccentMain colors

High-attention moments like primary actions and memorable highlights.

CPeach Softcontrast Blush Color PaletteLuxury And Lifestyle brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The main colors form a tight warm sequence that feels polished and memorable without becoming overly sweet. Their shared softness keeps the system cohesive, while the shift from plum to blush to peach gives the brand a clear visual rhythm.

Clear roles create a consistent brand experience.

Color Roles and Usage Map

Assign existing palette colors to brand, typography, and interface roles.

Brand identity

LogoUsed for logo marks and core brand symbols.Dusky Plum #7B5A8E
HeadlineUsed for main titles and key messages.Dusky Plum #7B5A8E
LinkUsed for links and interactive text.Petal Blush #F08CB2

Buttons

Primary Button
BackgroundPetal Blush #F08CB2
TextInk Charcoal #1F1A1D
Secondary Button
BackgroundApricot Veil #F7C9A4
TextInk Charcoal #1F1A1D
Outlined Button
BackgroundApricot Veil #F7C9A4
TextApricot Veil #F7C9A4

Interface

TextDefault readable body text.Ink Charcoal #1F1A1D
Bg LightLight page or section background.Alabaster Tint #F6F1EB
Bg DarkDark page or section background.Ink Charcoal #1F1A1D
IconSmall interface icons and marks.Rose Clay #A56E5A
BorderCards, inputs, and component borders.Rose Clay #A56E5A
DividerSubtle separators between content.Heathered Gold #E9D89F
OutlineFocus rings and emphasis outlines.Heathered Gold #E9D89F

Palette Colors

A compact view of the brand, support, and neutral colors that make up this system.

Main (Brand) Colors

The main colors form a tight warm sequence that feels polished and memorable without becoming overly sweet. Their shared softness keeps the system cohesive, while the shift from plum to blush to peach gives the brand a clear visual rhythm.

PrimaryDusky Plum

RolesLogo, Headline

This grounded plum gives the brand depth, recognition, and a more premium edge.

HEX#7B5A8E
RGB123, 90, 142
HSL278, 22, 45
CMYK13, 37, 0, 44
PrimaryPetal Blush

RolesLink, Btn Primary Bg

This bright blush adds energy and keeps the interface feeling fresh and approachable.

HEX#F08CB2
RGB240, 140, 178
HSL337, 77, 75
CMYK0, 42, 26, 6
SecondaryApricot Veil

RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text

This soft peach lightens the system and supports a warmer, more inviting user experience.

HEX#F7C9A4
RGB247, 201, 164
HSL27, 84, 81
CMYK0, 19, 34, 3

Support Colors

The support colors extend the warm story with restrained depth and earthy calm, helping the palette behave well across UI states and brand surfaces. They stay subordinate to the main trio while adding enough contrast for structure and usability. The newer beige-gold accent introduces a gentle glow with less yellow intensity, complementing the warm main tones

Rose Clay

RolesIcon, Border

This muted clay bridges the plum and peach tones while giving icons and borders a warmer, more tactile presence.

HEX#A56E5A
RGB165, 110, 90
HSL16, 29, 50
CMYK0, 33, 45, 35
Heathered Gold

RolesDivider, Outline

This lighter beige-gold offers a soft, understated glow with reduced yellow warmth, providing subtle highlights that enhance clarity without overpowering the brand's warmth.

HEX#E9D89F
RGB233, 216, 159
HSL46, 63, 77
CMYK0, 7, 32, 9

Neutral Colors

Utility colors for backgrounds, text, borders, and balance.

Pure White
HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Alabaster Tint

RolesBg Light

HEX#F6F1EB
RGB246, 241, 235
HSL33, 38, 94
CMYK0, 2, 4, 4
Ink Charcoal

RolesBg Dark, Text, Btn Primary Text, Btn Secondary Text

HEX#1F1A1D
RGB31, 26, 29
HSL324, 9, 11
CMYK0, 16, 6, 88

Export and Handoff

Copy palette values for design systems, websites, and client handoff.

Color tokens

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-dusky-plum: #7B5A8E;
  --color-petal-blush: #F08CB2;
  --color-apricot-veil: #F7C9A4;
  --color-rose-clay: #A56E5A;
  --color-heathered-gold: #E9D89F;
  --color-pure-white: #FFFFFF;
  --color-alabaster-tint: #F6F1EB;
  --color-ink-charcoal: #1F1A1D;
}

Role tokens

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: #7B5A8E;
  --role-headline: #7B5A8E;
  --role-link: #F08CB2;
  --role-btn-primary-bg: #F08CB2;
  --role-btn-secondary-bg: #F7C9A4;
  --role-btn-outlined-border: #F7C9A4;
  --role-btn-outlined-text: #F7C9A4;
  --role-icon: #A56E5A;
  --role-border: #A56E5A;
  --role-divider: #E9D89F;
  --role-outline: #E9D89F;
  --role-bg-light: #F6F1EB;
  --role-bg-dark: #1F1A1D;
  --role-text: #1F1A1D;
  --role-btn-primary-text: #1F1A1D;
  --role-btn-secondary-text: #1F1A1D;
}

JSON

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.
{
    "dusky-plum": "#7B5A8E",
    "petal-blush": "#F08CB2",
    "apricot-veil": "#F7C9A4",
    "rose-clay": "#A56E5A",
    "heathered-gold": "#E9D89F",
    "pure-white": "#FFFFFF",
    "alabaster-tint": "#F6F1EB",
    "ink-charcoal": "#1F1A1D"
}
Press Space to load new palette