Back to palettes

Palette

Porcelain Bloom Garden

Delicate and pristine, evoking the soft, subtle beauty of flowers in an idealized porcelain garden.

pastelminimal5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FFF5EE#F0F8FF#F8F8FF#F5FFFA#FFE4E1

Palette guide

How to use Porcelain Bloom Garden

Overview

The Porcelain Bloom Garden palette offers a delicate and pristine collection of near-white hues, ideal for designers and developers crafting serene, ethereal experiences. Featuring soft tones like Seashell (#FFF5EE), AliceBlue (#F0F8FF), GhostWhite (#F8F8FF), MintCream (#F5FFFA), and MistyRose (#FFE4E1), this palette evokes the subtle beauty of a tranquil garden. It's perfect for projects requiring a minimalist, elegant, or sophisticated touch, where softness and understated luxury are paramount. This palette provides a clean canvas, allowing texture, typography, and subtle accents to truly shine, fostering a sense of calm and refinement in any digital or print application.

Best used for

  • Luxury brand websites
  • Wedding invitations
  • Spa and wellness branding
  • Fine art portfolios
  • High-end fashion e-commerce
  • Minimalist interior design concepts

Suggested color roles

primary

Use #F0F8FF (AliceBlue) as a foundational background, providing a clean, expansive base that feels fresh and airy.

secondary

Employ #FFF5EE (Seashell) for subtle divisions, card backgrounds, or secondary content areas, adding a touch of warmth without overwhelming.

accent

Introduce #FFE4E1 (MistyRose) for very delicate highlights, hover states, or subtle decorative elements, offering a hint of soft color.

background

Any color from this palette, such as #F5FFFA (MintCream) or #F8F8FF (GhostWhite), can serve as a serene, almost invisible background, allowing content to breathe.

text

Crucially, use dark charcoal, deep gray, or black text (e.g., #333333 or #000000) on all palette colors to ensure maximum readability and WCAG compliance. Avoid light or pastel text.

Accessibility notes

  • All text must be dark (e.g., black or dark gray) against these very light backgrounds to meet WCAG contrast standards.
  • Interactive elements should have a clear visual indicator beyond color, due to the subtle differences between palette hues.
  • Avoid using any palette color for text directly, as contrast will be insufficient with any other palette color as background.
  • Ensure focus states and active elements are clearly distinguishable with a dark outline or shadow.

Recommended combinations

Subtle Canvas

Create a clean, airy background composition for content, pairing with dark text for readability.

#F0F8FF · #FFF5EE · #F8F8FF

Delicate Highlight

Perfect for soft accent areas or hover effects, always ensuring dark text contrast for any overlay.

#F8F8FF · #FFE4E1 · #FFF5EE

Pristine Base

Ideal for a minimalist aesthetic, letting these light tones form the backdrop for strong typography and imagery.

#F5FFFA · #F0F8FF · #FFE4E1

CSS variables

:root {
  --porcelain-bloom-garden-1: #FFF5EE;
  --porcelain-bloom-garden-2: #F0F8FF;
  --porcelain-bloom-garden-3: #F8F8FF;
  --porcelain-bloom-garden-4: #F5FFFA;
  --porcelain-bloom-garden-5: #FFE4E1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "porcelain-bloom-garden": {
        1: "#FFF5EE",
        2: "#F0F8FF",
        3: "#F8F8FF",
        4: "#F5FFFA",
        5: "#FFE4E1",
      }
    }
  }
}

Related searches

soft white color paletteminimalist pastel colorsethereal design schemelight neutral palettedelicate brand colors

Palette colors

Hex values

Color 1#FFF5EE
·
Color 2#F0F8FF
·
Color 3#F8F8FF
·
Color 4#F5FFFA
·
Color 5#FFE4E1
·

Accessibility

Contrast checker

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

Similar palettes

More like Porcelain Bloom Garden

View all pastel
Chiffon Cloud Dance
Desert Rose Mirage
Soft Petal Blush
Delicate Sugar Coating
Desert Bloom Pastel
Ethereal Cloud Veil