Back to palettes

Palette

Porcelain Doll Face

Delicate, creamy tones that reflect the smooth, antique finish of a porcelain doll.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Porcelain Doll Face reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Porcelain Doll Face.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#FDF5E6#FAEBD7#F0E6D5#E0D7C5#D0C8B5

Palette guide

How to use Porcelain Doll Face

Overview

The Porcelain Doll Face palette offers delicate, creamy tones that reflect the smooth, antique finish of a porcelain doll. Ranging from the bright #FDF5E6 to the grounding #D0C8B5, with inviting intermediate shades like #FAEBD7, #F0E6D5, and #E0D7C5, this scheme provides an elegant and timeless aesthetic. Designers and developers can leverage these warm neutrals to create interfaces and designs that exude sophistication, heritage, and a gentle, inviting warmth. It's an excellent choice for projects requiring a refined, classic, and understated touch, promoting a sense of comfort and quality.

Best used for

  • Antique or vintage-inspired branding
  • Luxury product packaging
  • High-end hospitality design
  • Elegant wedding themes
  • Soft, warm web interfaces
  • Traditional art portfolios

Suggested color roles

primary

Use #FDF5E6 as the lightest, creamy base for backgrounds or expansive content areas, providing warmth.

secondary

Employ #FAEBD7 for subtle content blocks, card backgrounds, or secondary navigation, adding gentle depth.

accent

Apply #D0C8B5 as the deepest, most grounding beige for subtle accents, icons, or important, understated details.

background

Utilize #FDF5E6 as the clean, warm canvas for the overall page design, enhancing the antique feel.

text

For large, subtle headings, #E0D7C5 can provide a refined, muted look. For body text, use a dark brown or charcoal for readability.

Accessibility notes

  • Most colors are light, so careful contrast checking for text is essential, especially for smaller font sizes.
  • #D0C8B5 provides the best contrast for text on #FDF5E6, but primarily for larger text or headings.
  • For body text, use a dark brown or charcoal to ensure universal readability and WCAG compliance.
  • Ensure interactive elements have sufficient visual distinction, not relying solely on subtle color shifts.

Recommended combinations

Creamy Gradient

Create soft, natural transitions for backgrounds, headers, or subtle UI elements, enhancing warmth.

#FDF5E6 · #FAEBD7 · #F0E6D5

Antique Contrast

#FDF5E6 as main background, #D0C8B5 for strong headings, and #E0D7C5 for secondary text or details.

#FDF5E6 · #D0C8B5 · #E0D7C5

Warm Layers

Creating stacked content blocks or cards with gentle, inviting depth and a refined visual hierarchy.

#FAEBD7 · #F0E6D5 · #E0D7C5

CSS variables

:root {
  --porcelain-doll-face-1: #FDF5E6;
  --porcelain-doll-face-2: #FAEBD7;
  --porcelain-doll-face-3: #F0E6D5;
  --porcelain-doll-face-4: #E0D7C5;
  --porcelain-doll-face-5: #D0C8B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "porcelain-doll-face": {
        1: "#FDF5E6",
        2: "#FAEBD7",
        3: "#F0E6D5",
        4: "#E0D7C5",
        5: "#D0C8B5",
      }
    }
  }
}

Related searches

antique cream palettedelicate beige color schemesoft elegant branding colorsvintage porcelain aestheticwarm neutral website design

Palette colors

Hex values

Color 1#FDF5E6
·
Color 2#FAEBD7
·
Color 3#F0E6D5
·
Color 4#E0D7C5
·
Color 5#D0C8B5
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.1:1Fail
1.3:1Fail
1.5:1Fail
2
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.4:1Fail
3
1.1:1Fail
1.1:1Fail
1.2:1Fail
1.3:1Fail
4
1.3:1Fail
1.2:1Fail
1.2:1Fail
1.2:1Fail
5
1.5:1Fail
1.4:1Fail
1.3:1Fail
1.2:1Fail

Similar palettes

More like Porcelain Doll Face

View all neutral