What colors are in the Boutique Blush palette?

The Boutique Blush palette has 5 colors: #2E1E2A, #7A4E62, #C98BA4, #F0CEDA, #FBF2F6.

Where can I use this palette?

It's a Muted palette — well suited to editorial layouts, minimal ui, photography portfolios, modern brands.

Is the Boutique Blush palette accessible?

Its darkest and lightest colors have a contrast ratio of 14.33:1. 5 color pairs in it meet WCAG AA for text.

How do I use this palette in CSS?

Copy the CSS custom properties (:root variables) from the Export section, or grab any single hex with one click.

Can I export the Boutique Blush palette?

Yes — export to CSS, SCSS, Tailwind config or JSON, or copy all hex codes at once.

Text #2E1E2A Graphite Accent #7A4E62 Wenge Primary #C98BA4 Puce Secondary #F0CEDA Rose Quartz Surface #FBF2F6 Lavender Blush

Boutique Blush

Elegant Beauty & boutique retail 5 colors

Blush and mauve for a shop that sells feeling, not spec sheets. A deep aubergine ink keeps prices and copy legible over the soft field.

Open in generator All palettes

Text Graphite — #2E1E2A

Accent Wenge — #7A4E62

Primary Puce — #C98BA4

Secondary Rose Quartz — #F0CEDA

Surface Lavender Blush — #FBF2F6

Contrast matrix

Text on Surface 14.33 AAA

Primary on Surface 2.48 Fail

Text on Secondary 10.89 AAA

Surface on Primary 2.48 Fail

Accent on Text 2.32 Fail

Ratios are WCAG 2 contrast between the roles as assigned above. AA needs 4.5:1 for body text, 3:1 for large text.

Export tokens

:root {
  --text: #2E1E2A;
  --accent: #7A4E62;
  --primary: #C98BA4;
  --secondary: #F0CEDA;
  --surface: #FBF2F6;
}

$boutique-blush-text: #2E1E2A;
$boutique-blush-accent: #7A4E62;
$boutique-blush-primary: #C98BA4;
$boutique-blush-secondary: #F0CEDA;
$boutique-blush-surface: #FBF2F6;

// tailwind.config.js — theme.extend.colors
colors: {
  'boutique-blush': {
    'text': '#2E1E2A',
    'accent': '#7A4E62',
    'primary': '#C98BA4',
    'secondary': '#F0CEDA',
    'surface': '#FBF2F6',
  },
}

{
    "boutique-blush": {
        "text": {
            "value": "#2E1E2A",
            "type": "color"
        },
        "accent": {
            "value": "#7A4E62",
            "type": "color"
        },
        "primary": {
            "value": "#C98BA4",
            "type": "color"
        },
        "secondary": {
            "value": "#F0CEDA",
            "type": "color"
        },
        "surface": {
            "value": "#FBF2F6",
            "type": "color"
        }
    }
}

{
    "text": "#2E1E2A",
    "accent": "#7A4E62",
    "primary": "#C98BA4",
    "secondary": "#F0CEDA",
    "surface": "#FBF2F6"
}

/* Paste into Canva → Brand Kit → Brand Colors */
#2E1E2A
#7A4E62
#C98BA4
#F0CEDA
#FBF2F6

Download for Procreate

How the roles work

SurfaceThe lightest color — page and card backgrounds.

TextThe darkest color — body text and high-contrast UI.

PrimaryThe most chromatic middle — buttons, links, the one color that pushes.

AccentThe second most chromatic — badges, highlights, states.

SecondaryEverything else — fills, borders, supporting surfaces.

Boutique Blush

Contrast matrix

Export tokens

How the roles work

Related palettes