Nude Beige#D8BFAE
Warm Taupe#B89B8A
Espresso#4A362C
Rose Quartz#CFA6A0
Pebble#A89C93
Palette direction

Kim Kardashian Inspired Color Palette

This palette channels Kim Kardashian-inspired luxury through soft nude beige, warm taupe, and deep espresso, creating a polished system that feels glamorous but controlled. The muted neutrals and understated accents keep the palette versatile for beauty, lifestyle, and premium brand touchpoints.

MonochromaticFashion BeautyKim Kardashian inspiredluxurynudebeige
palette-preview.example
Fashion Beauty color direction

Kim Kardashian Inspired Color Palette

This palette channels Kim Kardashian-inspired luxury through soft nude beige, warm taupe, and deep espresso, creating a polished system that feels glamorous but controlled. The muted neutrals and understated accents keep the palette versatile for beauty, lifestyle, and premium brand touchpoints.

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 White #FFFFFFon Espresso #4A362C11.3:1 Excellent
Logo Charcoal #1F1714on Nude Beige #D8BFAE10.1:1 Excellent
Logo Charcoal #1F1714on Warm Taupe #B89B8A6.8:1 Strong
Logo Charcoal #1F1714on White #FFFFFF17.6:1 Excellent
Icon color
BackgroundNude Beige#D8BFAETextCharcoal#1F1714
Primary Button10.06:1
AAA

Best for the main action users should notice first.

BackgroundWarm Taupe#B89B8ATextCharcoal#1F1714
Secondary Button6.80:1
AA

Useful for softer choices and secondary paths.

BackgroundWhite#FFFFFFTextEspresso#4A362C
Outlined Button11.32:1
AAA

Good for lower-emphasis actions on light surfaces.

BackgroundWhite#FFFFFFTextWarm Taupe#B89B8A
Text Button2.59:1
Low

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

Palette composition8 colorsMonochromatic color relationship
9:41Kim Kardashian Inspired Color Palette Color role balance
Monochromatic 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.

CKim Kardashian Inspired Color PaletteFashion Beauty brand direction ColorFly.design
Strategic palette preview
Why it works

A usable
color system.

The main colors stay within a warm neutral range, so the palette reads as one cohesive luxury system rather than a loud trend-driven mix. Beige, taupe, and espresso create the soft-to-dark contrast that defines the brand and keeps it immediately recognizable.

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.Nude Beige #D8BFAE
HeadlineUsed for main titles and key messages.Warm Taupe #B89B8A
LinkUsed for links and interactive text.Warm Taupe #B89B8A

Buttons

Primary Button
BackgroundNude Beige #D8BFAE
TextCharcoal #1F1714
Secondary Button
BackgroundWarm Taupe #B89B8A
TextCharcoal #1F1714
Outlined Button
BackgroundEspresso #4A362C
TextEspresso #4A362C

Interface

TextDefault readable body text.Charcoal #1F1714
Bg LightLight page or section background.White #FFFFFF
Bg DarkDark page or section background.Charcoal #1F1714
IconSmall interface icons and marks.Rose Quartz #CFA6A0
BorderCards, inputs, and component borders.Pebble #A89C93
DividerSubtle separators between content.Pebble #A89C93
OutlineFocus rings and emphasis outlines.Rose Quartz #CFA6A0

Palette Colors

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

Main (Brand) Colors

The main colors stay within a warm neutral range, so the palette reads as one cohesive luxury system rather than a loud trend-driven mix. Beige, taupe, and espresso create the soft-to-dark contrast that defines the brand and keeps it immediately recognizable.

PrimaryNude Beige

RolesLogo, Btn Primary Bg

Nude Beige brings the signature soft-glam feel and keeps the brand approachable while still feeling expensive.

HEX#D8BFAE
RGB216, 191, 174
HSL24, 35, 76
CMYK0, 12, 19, 15
SecondaryWarm Taupe

RolesLink, Btn Secondary Bg, Headline

Warm Taupe adds tonal depth and a polished editorial quality without breaking the calm palette.

HEX#B89B8A
RGB184, 155, 138
HSL22, 24, 63
CMYK0, 16, 25, 28
TertiaryEspresso

RolesBtn Outlined Border, Btn Outlined Text

Espresso supplies the darkest fashion-luxury anchor and gives the palette its crisp, high-end contrast.

HEX#4A362C
RGB74, 54, 44
HSL20, 25, 23
CMYK0, 27, 41, 71

Support Colors

The support colors extend the nude-luxe story with a soft blush accent and a cool stone tone, adding flexibility without distracting from the main palette.

Rose Quartz

RolesIcon, Outline

Rose Quartz adds a subtle skin-tone warmth that flatters the main neutrals and softens the system.

HEX#CFA6A0
RGB207, 166, 160
HSL8, 33, 72
CMYK0, 20, 23, 19
Pebble

RolesBorder, Divider

Pebble balances the warmer shades with a grounded neutral that works well for UI structure and separation.

HEX#A89C93
RGB168, 156, 147
HSL26, 11, 62
CMYK0, 7, 13, 34

Neutral Colors

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

White

RolesBg Light

HEX#FFFFFF
RGB255, 255, 255
HSL0, 0, 100
CMYK0, 0, 0, 0
Ivory
HEX#F6F1EC
RGB246, 241, 236
HSL30, 36, 95
CMYK0, 2, 4, 4
Charcoal

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

HEX#1F1714
RGB31, 23, 20
HSL16, 22, 10
CMYK0, 26, 35, 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-nude-beige: #D8BFAE;
  --color-warm-taupe: #B89B8A;
  --color-espresso: #4A362C;
  --color-rose-quartz: #CFA6A0;
  --color-pebble: #A89C93;
  --color-white: #FFFFFF;
  --color-ivory: #F6F1EC;
  --color-charcoal: #1F1714;
}

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: #D8BFAE;
  --role-btn-primary-bg: #D8BFAE;
  --role-link: #B89B8A;
  --role-btn-secondary-bg: #B89B8A;
  --role-headline: #B89B8A;
  --role-btn-outlined-border: #4A362C;
  --role-btn-outlined-text: #4A362C;
  --role-icon: #CFA6A0;
  --role-outline: #CFA6A0;
  --role-border: #A89C93;
  --role-divider: #A89C93;
  --role-bg-light: #FFFFFF;
  --role-bg-dark: #1F1714;
  --role-text: #1F1714;
  --role-btn-primary-text: #1F1714;
  --role-btn-secondary-text: #1F1714;
}

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.
{
    "nude-beige": "#D8BFAE",
    "warm-taupe": "#B89B8A",
    "espresso": "#4A362C",
    "rose-quartz": "#CFA6A0",
    "pebble": "#A89C93",
    "white": "#FFFFFF",
    "ivory": "#F6F1EC",
    "charcoal": "#1F1714"
}
Press Space to load new palette