Back to palettes

Palette

Alley Art Spray

A blend of urban greens and grays, like vibrant street art splashed across concrete walls.

vibrantenergetic5 colors
More vibrant palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Alley Art Spray 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 Alley Art Spray.

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

Data visualization

#EAF2EE#B0D4C5#77AE9E#4D8C7B#2D6B5A

Palette guide

How to use Alley Art Spray

Overview

The Alley Art Spray palette offers a sophisticated take on urban street art, blending a harmonious range of greens and near-grays reminiscent of spray paint on concrete. Starting with the airy, almost off-white #EAF2EE, it transitions through soft teal-greens like #B0D4C5 and #77AE9E, deepening into the rich, grounding tones of #4D8C7B and #2D6B5A. This palette creates a sense of modern freshness with an energetic undertone. It's exceptionally versatile for designers seeking a contemporary, organic urban aesthetic, perfect for sustainable branding, tech interfaces, or any project needing a clean, yet impactful, natural feel.

Best used for

  • Eco-friendly or sustainable brand identities
  • Modern tech company websites
  • Urban garden or park design concepts
  • Minimalist UI/UX designs
  • Art gallery or studio branding
  • Contemporary interior design accents

Suggested color roles

primary

Use #4D8C7B as a deep, anchor green for primary content areas, providing a solid and natural foundation.

secondary

Apply #77AE9E as a versatile mid-tone green for secondary elements, offering balance and freshness.

accent

Employ #B0D4C5 for lighter, refreshing accents in illustrations, subtle dividers, or hover states.

background

Utilize #EAF2EE as a clean, light canvas that complements the green tones and maintains an airy feel.

text

Set body text in #2D6B5A, the darkest green, for optimal readability on light backgrounds like #EAF2EE.

Accessibility notes

  • Ensure #2D6B5A text on #EAF2EE background maintains sufficient contrast for all users.
  • Avoid using #B0D4C5 as text on #77AE9E background due to potential low contrast, impacting readability.
  • Consider using a darker shade like #2D6B5A for body text, even on mid-tone backgrounds, for better legibility.
  • For interactive elements, ensure distinct visual cues beyond color differentiation, especially for lighter greens.

Recommended combinations

Urban Gradient

Creates a smooth, natural depth, excellent for backgrounds, charts, or layered UI elements.

#2D6B5A · #4D8C7B · #77AE9E

Fresh Concrete

Provides a clean, modern feel with a grounding deep green, suitable for minimalist layouts or headers.

#EAF2EE · #B0D4C5 · #4D8C7B

Subtle Spray

Ideal for delicate details, secondary information, or a soft, airy aesthetic in your design.

#77AE9E · #B0D4C5 · #EAF2EE

CSS variables

:root {
  --alley-art-spray-1: #EAF2EE;
  --alley-art-spray-2: #B0D4C5;
  --alley-art-spray-3: #77AE9E;
  --alley-art-spray-4: #4D8C7B;
  --alley-art-spray-5: #2D6B5A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "alley-art-spray": {
        1: "#EAF2EE",
        2: "#B0D4C5",
        3: "#77AE9E",
        4: "#4D8C7B",
        5: "#2D6B5A",
      }
    }
  }
}

Related searches

urban green color palettemodern street art colorssustainable design paletteteal green color schememinimalist green palette

Palette colors

Hex values

Color 1#EAF2EE
·
Color 2#B0D4C5
·
Color 3#77AE9E
·
Color 4#4D8C7B
·
Color 5#2D6B5A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
3.4:1AA18
5.5:1AA
2
1.4:1Fail
1.6:1Fail
2.4:1Fail
3.9:1AA18
3
2.2:1Fail
1.6:1Fail
1.6:1Fail
2.5:1Fail
4
3.4:1AA18
2.4:1Fail
1.6:1Fail
1.6:1Fail
5
5.5:1AA
3.9:1AA18
2.5:1Fail
1.6:1Fail

Similar palettes

More like Alley Art Spray

View all vibrant
Alley Canvas Pulse
Street Art Canvas
Street Art Chroma
Urban Art Splash
Urban Street Art
Abstract City Rhythm