Back to palettes

Palette

Porcelain Teacup Charm

Subtle and refined, inspired by the delicate artistry and soft hues of antique porcelain.

neutralelegant5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Porcelain Teacup Charm 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 Teacup Charm.

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

Data visualization

#F5F5DC#F0F8FF#E6E6FA#FFF5EE#FAFAD2

Palette guide

How to use Porcelain Teacup Charm

Overview

The Porcelain Teacup Charm palette is a delightful collection of soft, subtle, and refined hues, inspired by the delicate artistry of antique porcelain. This scheme features a range of gentle, almost-white tones, including the creamy #F5F5DC, the ethereal #F0F8FF, the soft lavender-blue of #E6E6FA, and the warm off-white of #FFF5EE. Designers can leverage these colors to create elegant, vintage-inspired, and understated designs. Developers will find them excellent for crafting airy user interfaces, delicate backgrounds, or subtle branding elements, ensuring a harmonious and charming digital presence that feels both timeless and comforting.

Best used for

  • Vintage-inspired branding and packaging
  • Delicate wedding and event stationery
  • Lifestyle blogs and personal websites
  • High-end craft or artisan product showcases
  • Gentle interior design mood boards
  • Soft, minimalist UI applications

Suggested color roles

primary

#F0F8FF - A very light, almost-white blue, perfect for expansive main backgrounds, providing an ethereal and clean canvas.

secondary

#FFF5EE - A warm, creamy off-white, excellent for secondary content areas, card backgrounds, or subtle overlays, adding warmth.

accent

#E6E6FA - A soft lavender-blue, ideal for subtle accents, delicate icons, or gentle hover states to add a touch of color without overwhelming.

background

#F0F8FF or #FFF5EE - Both offer very light, clean backdrops. #F0F8FF is cooler, while #FFF5EE is warmer.

text

For these very light backgrounds, a dark charcoal or soft brown (e.g., #4B4B4B) provides good contrast. Black text should generally be avoided for a softer feel.

Accessibility notes

  • Critical to ensure sufficient contrast between text and the very light background shades like #F0F8FF and #FFF5EE.
  • All color combinations for text and interactive elements must be checked against WCAG AA standards.
  • Avoid using very light colors for interactive elements unless they have a strong visual indicator on hover/focus.
  • Consider a slightly darker text color than typical black to maintain the soft aesthetic while ensuring readability.

Recommended combinations

Antique Whisper

Creates a very soft, harmonious base, ideal for delicate branding or website backgrounds.

#F0F8FF · #FFF5EE · #F5F5DC

Floral Hint

A blend of subtle cream, lavender, and pale yellow, perfect for gentle accents or decorative elements.

#F5F5DC · #E6E6FA · #FAFAD2

Teacup Layers

Provides a subtle layering effect, suitable for card designs or differentiated content blocks.

#F0F8FF · #E6E6FA · #FFF5EE

CSS variables

:root {
  --porcelain-teacup-charm-1: #F5F5DC;
  --porcelain-teacup-charm-2: #F0F8FF;
  --porcelain-teacup-charm-3: #E6E6FA;
  --porcelain-teacup-charm-4: #FFF5EE;
  --porcelain-teacup-charm-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "porcelain-teacup-charm": {
        1: "#F5F5DC",
        2: "#F0F8FF",
        3: "#E6E6FA",
        4: "#FFF5EE",
        5: "#FAFAD2",
      }
    }
  }
}

Related searches

delicate vintage color palettesoft off-white huessubtle pastel neutralselegant teacup colorscharming light design

Palette colors

Hex values

Color 1#F5F5DC
·
Color 2#F0F8FF
·
Color 3#E6E6FA
·
Color 4#FFF5EE
·
Color 5#FAFAD2
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.1:1Fail
1:1Fail
1:1Fail
2
1:1Fail
1.1:1Fail
1:1Fail
1:1Fail
3
1.1:1Fail
1.1:1Fail
1.1:1Fail
1.2:1Fail
4
1:1Fail
1:1Fail
1.1:1Fail
1:1Fail
5
1:1Fail
1:1Fail
1.2:1Fail
1:1Fail

Similar palettes

More like Porcelain Teacup Charm

View all neutral
Antique Lace Whisper
Vintage Lace Whisper
Aged Parchment Script
Antique Lace Veil
Antique Silver Filigree
Antique Silver Patina