Back to palettes

Palette

Garden Tea Party

Delicate and charming pastels that evoke the lighthearted atmosphere of a spring garden tea party.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Garden Tea Party 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 Garden Tea Party.

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

Data visualization

#F0F0D8#E0D0C0#B0C0A0#D0B0D0#A0B0C0

Palette guide

How to use Garden Tea Party

Overview

The Garden Tea Party palette offers a delicate and charming collection of pastels, perfect for designs aiming for a lighthearted, spring-like atmosphere. Evoking blooming gardens and gentle celebrations, this palette features soft hues like the warm beige of #F0F0D8, the gentle rose of #E0D0C0, the muted sage of #B0C0A0, a hint of lavender with #D0B0D0, and a soft blue-grey in #A0B0C0. These colors work harmoniously to create a whimsical, inviting, and subtly elegant aesthetic, ideal for projects requiring a touch of refined playfulness. Designers can leverage its gentle nature to convey warmth and approachability.

Best used for

  • Wedding invitations and floral event branding
  • Children's book illustrations and toy packaging
  • Spring fashion collections and lookbooks
  • Bakery or patisserie branding and website design
  • Lifestyle blogs and social media content
  • Garden-themed product packaging

Suggested color roles

primary

Use #F0F0D8 as a comforting primary background, providing a light, airy canvas for other delicate elements.

secondary

Employ #E0D0C0 for secondary sections or larger textual blocks, offering warmth and readability without being overpowering.

accent

Apply #D0B0D0 or #A0B0C0 sparingly for call-to-action buttons, icons, or subtle decorative accents to add a touch of gentle contrast.

background

The softest shade, #F0F0D8, is excellent for main backgrounds, ensuring a light and ethereal base.

text

For body text, consider a dark charcoal or deep brown against these light colors to ensure readability, or use #B0C0A0 for headings against #F0F0D8.

Accessibility notes

  • Many combinations within this light pastel palette will struggle with WCAG AA contrast for small text. Prioritize larger fonts or UI elements for better readability.
  • When using #F0F0D8 as a background, ensure text colors like #B0C0A0 or #A0B0C0 have sufficient contrast, especially for critical information.
  • Pairing #D0B0D0 or #E0D0C0 with a dark neutral like deep brown or charcoal for text will significantly improve legibility.
  • Avoid using light pastels for small text on other light pastels; reserve them for larger headings or decorative elements.

Recommended combinations

Soft Elegance

Ideal for sophisticated website headers or event banners, conveying gentle grace.

#F0F0D8 · #E0D0C0 · #B0C0A0

Whimsical Charm

Excellent for children's illustrations or playful branding, highlighting a dreamy quality.

#D0B0D0 · #A0B0C0 · #F0F0D8

Garden Fresh

Suitable for nature-inspired designs, evoking fresh greenery and subtle floral hints.

#B0C0A0 · #E0D0C0 · #A0B0C0

CSS variables

:root {
  --garden-tea-party-1: #F0F0D8;
  --garden-tea-party-2: #E0D0C0;
  --garden-tea-party-3: #B0C0A0;
  --garden-tea-party-4: #D0B0D0;
  --garden-tea-party-5: #A0B0C0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "garden-tea-party": {
        1: "#F0F0D8",
        2: "#E0D0C0",
        3: "#B0C0A0",
        4: "#D0B0D0",
        5: "#A0B0C0",
      }
    }
  }
}

Related searches

pastel color schemes springsoft garden palettedelicate floral colorscharming event pastelslighthearted design colors

Palette colors

Hex values

Color 1#F0F0D8
·
Color 2#E0D0C0
·
Color 3#B0C0A0
·
Color 4#D0B0D0
·
Color 5#A0B0C0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.7:1Fail
1.7:1Fail
1.9:1Fail
2
1.3:1Fail
1.3:1Fail
1.3:1Fail
1.5:1Fail
3
1.7:1Fail
1.3:1Fail
1:1Fail
1.2:1Fail
4
1.7:1Fail
1.3:1Fail
1:1Fail
1.1:1Fail
5
1.9:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail

Similar palettes

More like Garden Tea Party

View all pastel
Whimsical Garden Party
Whimsical Garden Party
Berry Blossom Kiss
Blushing Peach Garden
Cherry Blossom Cloud
Cherry Blossom Dream