Beauty Brand Color Psychology & Meaning
Beauty Brand pink is the color of aspirational femininity — soft enough to feel personal, deep enough to feel premium. The palette of lipsticks, serums, and mascara wands.
#FFF0F3
#FF758F
#C9184A
#590D22
Background
Primary Accent
Secondary
Body Text
Beauty Brand
warmvibrantpastel springsummer brandingbeauty
AAA
WCAG Grade
12.6:1
Contrast Ratio
3,421
Saves
9,234
AI Copies
Use #FFF0F3 as the background. Use #FF758F as the primary accent. Use #C9184A as secondary. Use #590D22 as body text/supporting color. Palette mood: Beauty Brand — warm, vibrant, pastel.
Hex Codes, RGB & CMYK Color Values
Technical breakdown for the Beauty Brand color scheme. Use these values for web design (HEX/RGB), print projects (CMYK), or specialized design software (HSL).
| Swatch | Design Role | HEX | RGB | CMYK | HSL |
|---|---|---|---|---|---|
| Background Luminance: 90.1% | 255, 240, 243 | 0%, 6%, 5%, 0% | 348°, 100%, 97% | ||
| Primary Accent Luminance: 36.0% | 255, 117, 143 | 0%, 54%, 44%, 0% | 349°, 100%, 73% | ||
| Secondary Luminance: 13.6% | 201, 24, 74 | 0%, 88%, 63%, 21% | 343°, 79%, 44% | ||
| Body Text Luminance: 2.5% | 89, 13, 34 | 0%, 85%, 62%, 65% | 343°, 75%, 20% |
Color Harmony: Analogous Scheme
The Beauty Brand palette is built using a analogous relationship between its hues. This ensures that even with high-contrast accents, the overall scheme feels balanced and intentional.
Hue Wheel
A analogous palette is often preferred by professional designers because it creates a calm, serene atmosphere by using neighboring colors.
History & Design Context
The beauty industry's relationship with pink dates to the 1950s (Elizabeth Arden's iconic pink) but evolved through MAC Cosmetics and Charlotte Tilbury into a more sophisticated register.
Best Design Use Cases
Pale blush for all primary surfaces. Warm pink for product highlight areas. Deep rose for text and structure. Rich burgundy for luxury tier.
Industries This Palette Suits
Beauty, cosmetics, skincare, fragrance.
How to Implement the Beauty Brand Color Scheme
To use this Beauty Brand color palette in your web project, you can copy the following CSS variables or Tailwind CSS configuration. These roles ensure your UI maintains accessibility and visual hierarchy.
Option 1: CSS Variables
:root {
/* {name} Palette - ihatecolors.com */{'
'} --color-bg: {colors[0]};{'
'} --color-primary: {colors[1]};{'
'} --color-secondary: {colors[2]};{'
'} --color-text: {colors[3]};{'
'} {'}'}Web Design Tip
Use #FFF0F3 for the main background and #FF758F for primary buttons. This creates a high-contrast focal point.
Accessibility Note
The contrast ratio between #590D22 and #FFF0F3 is 12.63:1 (AAA). Ensure your body text remains legible.