Back to palettes

Palette

Botanical Sketch

Subtle, understated greens and grays reflecting the quiet tones of a forgotten garden drawing.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Botanical Sketch 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 Botanical Sketch.

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

Data visualization

#A8B49E#7B8B77#4E5C4A#2C382A#D3DBD0

Palette guide

How to use Botanical Sketch

Overview

The Botanical Sketch palette features subtle, understated greens and grays, reflecting the quiet tones of a forgotten garden drawing. Ranging from the deep #2C382A to the light #D3DBD0, and including earthy mid-tones like #4E5C4A and #7B8B77, this scheme is perfect for designs seeking a muted, organic, and mossy aesthetic. The versatile #A8B49E provides a soft, approachable green. Designers can leverage this palette for projects requiring a serene, grounded, and timeless feel, such as contemplative art websites, natural history exhibitions, or sophisticated eco-conscious branding. Its harmonious, subdued tones ensure a calm and visually appealing user experience, evoking a sense of quiet reflection.

Best used for

  • Eco-conscious luxury branding
  • Art and photography portfolio websites
  • Natural history museum displays
  • Minimalist interior design concepts
  • Sustainable fashion lookbooks
  • Meditation and mindfulness app interfaces

Suggested color roles

primary

Utilize #4E5C4A as a strong, grounding primary color for headings, main navigation, or impactful brand elements, conveying depth.

secondary

Apply #7B8B77 for subheadings, secondary content blocks, or graphic elements, offering a balanced mid-green.

accent

Employ #A8B49E for subtle accents or highlights, ensuring they stand out gently against deeper tones without being overly bright.

background

The lightest shade, #D3DBD0, is perfect for clean, serene backgrounds, allowing the darker greens to breathe and stand out.

text

The deep #2C382A is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #D3DBD0.

Accessibility notes

  • Ensure strong contrast for text, using #2C382A on #D3DBD0 or #A8B49E backgrounds, to meet WCAG AA standards.
  • Avoid using #7B8B77 on #A8B49E for text due to insufficient contrast; reserve them for larger design elements.
  • For interactive elements, ensure distinct hover/focus states, as color differences within this muted palette might be minimal.
  • Consider using a slightly larger font size for body text when using mid-tone greens on similar light backgrounds to enhance readability.

Recommended combinations

Deep Moss

Creates a strong, grounded aesthetic, ideal for main brand elements or professional content blocks with a light backdrop.

#2C382A · #4E5C4A · #D3DBD0

Quiet Greens

Offers a soft, harmonious transition, perfect for subtle gradients, background textures, or layered graphic elements.

#7B8B77 · #A8B49E · #D3DBD0

Sketch Contrast

Emphasizes readability and visual hierarchy, with dark text on a light background and a complementary mid-tone for accents.

#2C382A · #A8B49E · #7B8B77

CSS variables

:root {
  --botanical-sketch-1: #A8B49E;
  --botanical-sketch-2: #7B8B77;
  --botanical-sketch-3: #4E5C4A;
  --botanical-sketch-4: #2C382A;
  --botanical-sketch-5: #D3DBD0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-sketch": {
        1: "#A8B49E",
        2: "#7B8B77",
        3: "#4E5C4A",
        4: "#2C382A",
        5: "#D3DBD0",
      }
    }
  }
}

Related searches

muted green color palettebotanical sketch schemeorganic mossy hex codesserene natural designunderstated earthy tones

Palette colors

Hex values

Color 1#A8B49E
·
Color 2#7B8B77
·
Color 3#4E5C4A
·
Color 4#2C382A
·
Color 5#D3DBD0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.3:1AA18
5.7:1AA
1.5:1Fail
2
1.7:1Fail
2:1Fail
3.4:1AA18
2.6:1Fail
3
3.3:1AA18
2:1Fail
1.7:1Fail
5:1AA
4
5.7:1AA
3.4:1AA18
1.7:1Fail
8.7:1AAA
5
1.5:1Fail
2.6:1Fail
5:1AA
8.7:1AAA

Similar palettes

More like Botanical Sketch

View all earth
Botanical Bloom Line
Botanical Leaf Veins
Botanical Sketchbook
Botanical Study Greens
Dusky Woodland Trail
Enchanted Forest Glade