Back to palettes

Palette

Porcelain Teacup Garden

A refined and delicate palette inspired by vintage porcelain patterns and a gentle floral garden.

pastelelegant5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0E0E6#FFC0CB#98FB98#FFF8DC#FFD700

Palette guide

How to use Porcelain Teacup Garden

Overview

The Porcelain Teacup Garden palette is a vibrant yet delicate collection, inspired by vintage porcelain patterns and a gentle floral garden. This charming scheme features the soft pastel blue of #B0E0E6, the playful pink of #FFC0CB, the fresh green of #98FB98, the creamy #FFF8DC, and a bright pop of gold with #FFD700. Designers can use these hues to create whimsical, elegant, and inviting aesthetics. Developers will find them excellent for crafting cheerful user interfaces, delightful backgrounds, or engaging interactive elements, ensuring a harmonious and charming digital presence that feels both classic and fresh.

Best used for

  • Children's book illustrations
  • Boutique cafe branding
  • Creative craft and DIY blogs
  • Springtime event invitations
  • Playful e-commerce sites
  • Garden-themed digital content

Suggested color roles

primary

#FFF8DC - A warm, creamy off-white, ideal for expansive main backgrounds, providing a soft and inviting canvas.

secondary

#B0E0E6 - A soft pastel blue, excellent for secondary content areas, card backgrounds, or subtle dividers, adding a calming element.

accent

#FFD700 - A bright, cheerful gold, perfect for calls-to-action, important icons, or highlights that need to pop with elegance.

background

#FFF8DC - Offers a warm, inviting, and clean backdrop. #B0E0E6 can also be used for a cooler, more serene background.

text

For light backgrounds, a dark brown or charcoal (e.g., #5C4033) provides good contrast. For #FFD700, black text is usually best, but white can work if the contrast ratio is sufficient.

Accessibility notes

  • Ensure sufficient contrast, especially when pairing text with lighter background shades like #FFF8DC or #B0E0E6.
  • The pastel colors (#FFC0CB, #98FB98) might not have enough contrast for body text on light backgrounds; use darker text or reserve them for decorative elements.
  • Always verify contrast ratios for all text and interactive elements against WCAG AA standards.
  • #FFD700 requires careful pairing for text; often, a dark color like black works best.

Recommended combinations

Floral Bliss

Creates a cheerful, garden-like feel, perfect for header areas or illustrative elements.

#FFF8DC · #FFC0CB · #98FB98

Teacup Delight

A balanced trio for clean layouts, using gold for a sophisticated pop on a soft base.

#B0E0E6 · #FFF8DC · #FFD700

Spring Meadow

Provides a fresh, vibrant, and playful combination, suitable for children's designs or creative projects.

#FFF8DC · #98FB98 · #FFC0CB

CSS variables

:root {
  --porcelain-teacup-garden-1: #B0E0E6;
  --porcelain-teacup-garden-2: #FFC0CB;
  --porcelain-teacup-garden-3: #98FB98;
  --porcelain-teacup-garden-4: #FFF8DC;
  --porcelain-teacup-garden-5: #FFD700;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "porcelain-teacup-garden": {
        1: "#B0E0E6",
        2: "#FFC0CB",
        3: "#98FB98",
        4: "#FFF8DC",
        5: "#FFD700",
      }
    }
  }
}

Related searches

pastel garden color palettevintage floral colorscharming teacup designcheerful spring huesdelicate gold accents

Palette colors

Hex values

Color 1#B0E0E6
·
Color 2#FFC0CB
·
Color 3#98FB98
·
Color 4#FFF8DC
·
Color 5#FFD700
·

Accessibility

Contrast checker

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

Similar palettes

More like Porcelain Teacup Garden

View all pastel
Ethereal Orchid Bloom
Faded Bloom Elegance
Faded Floral Keepsake
Faded Rose Elegance
Vintage Porcelain Doll
Vintage Tea Rose