Back to palettes

Palette

Emerald Bazaar Spice

Crisp, invigorating greens inspired by the cool, refreshing aroma and vibrancy of an emerald bazaar.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Emerald Bazaar Spice 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 Emerald Bazaar Spice.

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

Data visualization

#6AAB9C#B2D8B2#D4EDD4#4CAF50#81C784

Palette guide

How to use Emerald Bazaar Spice

Overview

The Emerald Bazaar Spice palette captures crisp, invigorating greens inspired by the cool, refreshing aroma and vibrancy of an emerald bazaar. This collection features a muted grey-green (#6AAB9C), a soft pastel green (#B2D8B2), a very pale green (#D4EDD4), a lively medium green (#4CAF50), and a lighter, fresh green (#81C784). It's a calm yet invigorating palette, ideal for designers and developers aiming to create a fresh, clean, and subtly exotic aesthetic. This palette is perfect for projects that seek to feel natural, lively, and refreshing, much like a vibrant marketplace filled with fresh spices and herbs.

Best used for

  • Organic food and beverage branding
  • Health and wellness app interfaces
  • Nature-themed educational materials
  • Sustainable fashion e-commerce sites
  • Garden and landscaping design proposals
  • Travel blogs focusing on exotic destinations

Suggested color roles

primary

Lively medium green (#4CAF50) serves as a fresh, energetic primary, perfect for main headings, calls-to-action, or vibrant brand elements.

secondary

Muted grey-green (#6AAB9C) provides a calming secondary hue, ideal for subheadings, background sections, or elements requiring a sophisticated, understated green.

accent

Lighter, fresh green (#81C784) offers a soft accent, perfect for highlights, small icons, or subtle decorative details that need a gentle, refreshing touch.

background

Very pale green (#D4EDD4) creates an airy, clean background, ensuring excellent readability and a bright, inviting canvas for content.

text

Lively medium green (#4CAF50) works well for body text on lighter backgrounds, offering a cohesive and readable presence, or use a dark charcoal for maximum contrast.

Accessibility notes

  • Lively medium green (#4CAF50) against very pale green (#D4EDD4) provides good contrast for body text.
  • Ensure sufficient contrast if using muted grey-green (#6AAB9C) for text on the soft pastel green (#B2D8B2) background.
  • Always verify that all text and interactive element contrasts meet WCAG 2.1 AA standards for optimal accessibility.
  • Avoid placing lighter, fresh green (#81C784) directly on soft pastel green (#B2D8B2) for critical information due to potential low contrast.

Recommended combinations

Spice Market

Creates a fresh, inviting look, ideal for product showcases, hero sections, or informative layouts.

#4CAF50 · #6AAB9C · #D4EDD4

Refreshing Accent

Excellent for interactive elements, highlights, or bringing a subtle vibrancy to user interfaces.

#81C784 · #B2D8B2 · #4CAF50

Clean Grounding

Provides a stable yet light foundation, suitable for navigation, footers, or subtle background patterns.

#6AAB9C · #D4EDD4 · #4CAF50

CSS variables

:root {
  --emerald-bazaar-spice-1: #6AAB9C;
  --emerald-bazaar-spice-2: #B2D8B2;
  --emerald-bazaar-spice-3: #D4EDD4;
  --emerald-bazaar-spice-4: #4CAF50;
  --emerald-bazaar-spice-5: #81C784;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "emerald-bazaar-spice": {
        1: "#6AAB9C",
        2: "#B2D8B2",
        3: "#D4EDD4",
        4: "#4CAF50",
        5: "#81C784",
      }
    }
  }
}

Related searches

emerald green bazaar palettefresh invigorating color schemenatural green web designcalm vibrant UI colorsspice market inspired palette

Palette colors

Hex values

Color 1#6AAB9C
·
Color 2#B2D8B2
·
Color 3#D4EDD4
·
Color 4#4CAF50
·
Color 5#81C784
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.1:1Fail
1:1Fail
1.3:1Fail
2
1.7:1Fail
1.3:1Fail
1.8:1Fail
1.3:1Fail
3
2.1:1Fail
1.3:1Fail
2.2:1Fail
1.6:1Fail
4
1:1Fail
1.8:1Fail
2.2:1Fail
1.4:1Fail
5
1.3:1Fail
1.3:1Fail
1.6:1Fail
1.4:1Fail

Similar palettes

More like Emerald Bazaar Spice

View all earth
Matcha Tea Zen
Green Urban Oasis
Herbal Tea Steam
Matcha Ceremonial Blend
Matcha Ceremonial Zen
Matcha Ceremony Peace