Back to palettes

Palette

Herbal Kitchen Garden

Fresh and invigorating greens found in a vibrant, flourishing herbal garden.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Herbal Kitchen 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 Herbal Kitchen Garden.

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

Data visualization

#527A4E#8BAF79#B8D8AA#D0E4C0#40593B

Palette guide

How to use Herbal Kitchen Garden

Overview

The Herbal Kitchen Garden palette is a vibrant and fresh collection of greens, perfect for evoking the natural goodness and vitality of a thriving garden. Anchored by the deep, rich #40593B and the balanced #527A4E, this palette offers a harmonious progression through lighter, energetic greens like #8BAF79 and #B8D8AA, concluding with the crisp, airy #D0E4C0. It’s an ideal choice for designers and developers looking to create wholesome, inviting, and clean visuals. The palette naturally suggests growth, health, and organic quality, making it highly versatile for a range of applications from digital interfaces to print materials, ensuring a fresh appeal.

Best used for

  • Fresh produce and grocery branding
  • Cooking and recipe websites/apps
  • Organic gardening supplies and tools
  • Healthy lifestyle blogs and content
  • Children's educational materials on nature
  • Eco-friendly home product packaging

Suggested color roles

primary

#40593B – A deep, foundational green for strong branding, main headers, and important calls to action.

secondary

#527A4E – A balanced, inviting green suitable for subheadings, navigation, and key informational elements.

accent

#8BAF79 – A lively, fresh green perfect for interactive elements, highlights, or to add a touch of vibrancy.

background

#D0E4C0 – A light, clean green that provides an open, airy canvas for content, promoting freshness.

text

#40593B – Offers excellent contrast and readability against lighter backgrounds such as #D0E4C0 or #B8D8AA.

Accessibility notes

  • Ensure #40593B text on #D0E4C0 or #B8D8AA backgrounds meets WCAG AA contrast standards.
  • Check contrast ratios for #8BAF79 when used for links or buttons against #D0E4C0 to ensure usability.
  • Avoid using #D0E4C0 for text due to its low contrast, reserving it for backgrounds or large decorative elements.
  • Prioritize the darkest greens for essential text to maintain readability across various screen types and lighting.

Recommended combinations

Fresh Foundation

Strong, readable text on a fresh background with a vibrant, energetic accent.

#40593B · #D0E4C0 · #8BAF79

Growth Gradient

Creates a natural, evolving gradient effect for backgrounds or visual sections.

#527A4E · #B8D8AA · #D0E4C0

Inviting Trio

Lively green as a primary element, supported by deeper tones for balance and depth in design.

#8BAF79 · #40593B · #527A4E

CSS variables

:root {
  --herbal-kitchen-garden-1: #527A4E;
  --herbal-kitchen-garden-2: #8BAF79;
  --herbal-kitchen-garden-3: #B8D8AA;
  --herbal-kitchen-garden-4: #D0E4C0;
  --herbal-kitchen-garden-5: #40593B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "herbal-kitchen-garden": {
        1: "#527A4E",
        2: "#8BAF79",
        3: "#B8D8AA",
        4: "#D0E4C0",
        5: "#40593B",
      }
    }
  }
}

Related searches

kitchen garden color palettefresh green brandingorganic food colorshealthy lifestyle designvibrant natural greens

Palette colors

Hex values

Color 1#527A4E
·
Color 2#8BAF79
·
Color 3#B8D8AA
·
Color 4#D0E4C0
·
Color 5#40593B
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
3.2:1AA18
3.7:1AA18
1.6:1Fail
2
2:1Fail
1.6:1Fail
1.8:1Fail
3.1:1AA18
3
3.2:1AA18
1.6:1Fail
1.2:1Fail
5:1AA
4
3.7:1AA18
1.8:1Fail
1.2:1Fail
5.7:1AA
5
1.6:1Fail
3.1:1AA18
5:1AA
5.7:1AA

Similar palettes

More like Herbal Kitchen Garden

View all earth
Herb Garden Bloom
Apothecary Bloom Green
Botanical Bloom Burst
Botanical Herb Garden
Earthy Herb Garden
Herbal Garden Fresh