Back to palettes

Palette

Pastel Graffiti

Playful and soft pastels with a subtle edge, inspired by whimsical street art and urban murals.

pastelplayful5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Pastel Graffiti 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 Pastel Graffiti.

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

Data visualization

#FFB6C1#FFDAB9#98FB98#B0E0E6#E6E6FA

Palette guide

How to use Pastel Graffiti

Overview

The Pastel Graffiti palette injects a playful, urban edge into classic pastel tones, perfect for designs that aim to be both soft and subtly rebellious. Featuring the soft pink of #FFB6C1, the warm peach of #FFDAB9, and the refreshing mint green of #98FB98, this palette offers a vibrant yet muted foundation. The cool blue of #B0E0E6 and the very light lavender of #E6E6FA complete the set, providing versatility. Designers can harness these colors to create engaging, youthful, and artistic projects, from digital art platforms to casual apparel branding, balancing softness with a contemporary street-art vibe.

Best used for

  • Youth-oriented fashion brands
  • Creative agency portfolios
  • Streetwear e-commerce sites
  • Art and design blogs
  • Playful event posters
  • Urban-themed app interfaces

Suggested color roles

primary

Use #B0E0E6 (Powder Blue) for main content areas or large graphic elements, offering a cool, stable backdrop.

secondary

Apply #FFB6C1 (Light Pink) for subheadings, accent panels, or decorative borders, adding a cheerful touch.

accent

Highlight interactive elements or key features with #98FB98 (Pale Green), providing a fresh and energetic focal point.

background

The ultra-light #E6E6FA (Lavender Blush) works well for clean backgrounds, allowing other colors to pop subtly.

text

For readability, employ a dark grey or black (e.g., #222222) for main body text. White text can be used effectively on #FFB6C1 or #B0E0E6 for headlines.

Accessibility notes

  • Ensure high contrast when using any of the lighter pastels for text on similar light backgrounds.
  • Using black or dark charcoal text on #E6E6FA or #FFDAB9 is crucial for readability.
  • Test color combinations for interactive elements to ensure clear distinction and sufficient contrast for all users.
  • Avoid relying solely on color to convey information; use icons or text labels as supplementary indicators.

Recommended combinations

Urban Pop

Ideal for vibrant hero sections, playful illustrations, or graphic patterns, capturing a street-art feel.

#FFB6C1 · #B0E0E6 · #98FB98

Soft Mural

Perfect for background textures, subtle gradients, or informational cards, offering a gentle yet artistic touch.

#FFDAB9 · #E6E6FA · #B0E0E6

Graffiti Tag

Suitable for call-to-action buttons, icons, or small decorative elements that need to stand out playfully.

#98FB98 · #FFB6C1 · #FFDAB9

CSS variables

:root {
  --pastel-graffiti-1: #FFB6C1;
  --pastel-graffiti-2: #FFDAB9;
  --pastel-graffiti-3: #98FB98;
  --pastel-graffiti-4: #B0E0E6;
  --pastel-graffiti-5: #E6E6FA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "pastel-graffiti": {
        1: "#FFB6C1",
        2: "#FFDAB9",
        3: "#98FB98",
        4: "#B0E0E6",
        5: "#E6E6FA",
      }
    }
  }
}

Related searches

playful pastel street artsoft urban color schemepastel pink blue greengraffiti inspired paletteyouthful pastel design

Palette colors

Hex values

Color 1#FFB6C1
·
Color 2#FFDAB9
·
Color 3#98FB98
·
Color 4#B0E0E6
·
Color 5#E6E6FA
·

Accessibility

Contrast checker

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

Similar palettes

More like Pastel Graffiti

View all pastel
Confection Cloud Blush
Cotton Candy Clouds
Cotton Candy Dream
Cotton Candy Dream
Cotton Candy Sunset
Gumball Machine Gleam