Back to palettes

Palette

Porcelain Tea Bloom

The delicate beauty of fine porcelain, subtly infused with cool, pale blue patterns and gentle floral hints.

coolelegant5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Porcelain Tea Bloom 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 Tea Bloom.

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

Data visualization

#E6E6FA#ADD8E6#F0FFFF#AFEEEE#B0C4DE

Palette guide

How to use Porcelain Tea Bloom

Overview

The Porcelain Tea Bloom palette is a delicate and elegant collection of cool, soft blues and subtle purples, reminiscent of fine china patterns. This serene scheme features the gentle lavender of #E6E6FA, the airy almost-white of #F0FFFF, and refreshing blues like #ADD8E6, #AFEEEE, and the slightly deeper #B0C4DE. Designers can use these hues to create sophisticated, tranquil, and delicate aesthetics. Developers will find them excellent for crafting clean user interfaces, ethereal backgrounds, or subtle interactive elements. It’s an ideal choice for projects aiming for a calm, refined, and understated luxury feel, perfect for a gentle, blooming elegance.

Best used for

  • Spa and wellness branding
  • Delicate wedding invitations
  • High-end jewelry or beauty product packaging
  • Elegant stationery and editorial design
  • Minimalist interior decor concepts
  • Serene digital interfaces and apps

Suggested color roles

primary

#F0FFFF - An almost-white, very light blue, perfect for expansive backgrounds, providing an airy and clean foundation.

secondary

#E6E6FA - A soft lavender-blue, excellent for secondary content areas, card backgrounds, or subtle section dividers, adding a touch of warmth.

accent

#B0C4DE - The deepest blue in the palette, ideal for subtle accents, key typography, or interactive elements that require a gentle emphasis.

background

#F0FFFF - Offers a light, ethereal canvas. #E6E6FA can also serve as a slightly warmer, more distinctive background.

text

For light backgrounds, a dark navy or charcoal (e.g., #3A3A5A) provides good contrast. For #B0C4DE, white text is recommended for optimal readability.

Accessibility notes

  • Ensure sufficient contrast between text and the very light background shades, especially #F0FFFF.
  • The lighter blues (#ADD8E6, #AFEEEE) may require darker text; always check contrast ratios.
  • #B0C4DE can support white text, but verify readability against WCAG AA standards.
  • Avoid using similar light tones for interactive elements to ensure discoverability for all users.

Recommended combinations

Gentle Bloom

Creates a soft, harmonious blend for ethereal backgrounds or delicate page elements.

#F0FFFF · #E6E6FA · #ADD8E6

Porcelain Depths

Provides a subtle gradient of cool tones, great for visual hierarchy or layered designs.

#E6E6FA · #AFEEEE · #B0C4DE

Tea Garden

A balanced trio for clean layouts, using the deepest tone for key headings or buttons.

#F0FFFF · #AFEEEE · #B0C4DE

CSS variables

:root {
  --porcelain-tea-bloom-1: #E6E6FA;
  --porcelain-tea-bloom-2: #ADD8E6;
  --porcelain-tea-bloom-3: #F0FFFF;
  --porcelain-tea-bloom-4: #AFEEEE;
  --porcelain-tea-bloom-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "porcelain-tea-bloom": {
        1: "#E6E6FA",
        2: "#ADD8E6",
        3: "#F0FFFF",
        4: "#AFEEEE",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

soft blue purple palettedelicate cool color schemeelegant pastel bluesporcelain inspired designtranquil UI colors

Palette colors

Hex values

Color 1#E6E6FA
·
Color 2#ADD8E6
·
Color 3#F0FFFF
·
Color 4#AFEEEE
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

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

Similar palettes

More like Porcelain Tea Bloom

View all cool
Art Deco Metropolis
Art Deco Sapphire
Aurora Horizon Whisper
Azure Sapphire Gleam
Celestial Ice Sparkle
Deep Sapphire Gaze