Back to palettes

Palette

Botanical Sketchbook

Soft and organic, inspired by the delicate and varied greens of a botanical illustration on creamy paper.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6B8E23#BDB76B#8FBC8F#C0C0C0#F0FFF0

Palette guide

How to use Botanical Sketchbook

Overview

The Botanical Sketchbook palette is soft and organic, inspired by the delicate and varied greens of a botanical illustration on creamy paper. Featuring the earthy #6B8E23 and the unique #BDB76B, alongside the soft #8FBC8F, this scheme introduces a versatile #C0C0C0 and the airy #F0FFF0. This palette is perfect for designs seeking a natural, subtle, and artistic aesthetic. Designers can leverage it for projects requiring a serene yet engaging feel, such as educational resources, nature-themed apps, or refreshing brand identities. Its balanced mix ensures visual interest and a calming user experience, ideal for conveying purity and artistic charm.

Best used for

  • Botanical art and illustration websites
  • Eco-friendly product packaging with a fresh feel
  • Educational platforms on nature and art
  • Natural lifestyle blogs and content
  • Spring and summer seasonal marketing
  • Museum exhibit graphics and brochures

Suggested color roles

primary

Utilize #6B8E23 as a strong, grounding primary color for headers, important text, or impactful brand elements, conveying natural depth.

secondary

Apply #8FBC8F for subheadings, secondary content, or graphic elements, providing a soft, balanced mid-green.

accent

Employ #BDB76B to introduce a unique, warm accent for interactive elements, calls-to-action, or to symbolize sun-drenched elements.

background

The lightest shade, #F0FFF0, is perfect for clean, airy backgrounds, allowing the greens and silver to stand out crisply.

text

A dark charcoal or deep green is ideal for body text, ensuring excellent readability on light backgrounds like #F0FFF0.

Accessibility notes

  • Ensure strong contrast for text, using a deep charcoal or dark green on #F0FFF0 or #C0C0C0 backgrounds, to meet WCAG AA standards.
  • Verify that #BDB76B, when used as an accent, has sufficient contrast against its surrounding background for visibility.
  • Avoid pairing #8FBC8F with #C0C0C0 for text and background without careful contrast testing due to their similar values.
  • For users with color vision deficiencies, supplement color cues with icons or underlines for important actions or status indicators.

Recommended combinations

Garden Sketch

Creates a clean, refreshing look, pairing earthy green with a soft green and a crisp white for a natural artistic feel.

#6B8E23 · #8FBC8F · #F0FFF0

Warm Accent

Offers a harmonious blend of green with a unique warm accent and a cool white, ideal for illustrating natural scenes or serene interfaces.

#BDB76B · #6B8E23 · #F0FFF0

Natural Contrast

Emphasizes readability and organic contrast, with a mid-green for titles and a silver-gray for supporting elements on a soft green background.

#6B8E23 · #C0C0C0 · #8FBC8F

CSS variables

:root {
  --botanical-sketchbook-1: #6B8E23;
  --botanical-sketchbook-2: #BDB76B;
  --botanical-sketchbook-3: #8FBC8F;
  --botanical-sketchbook-4: #C0C0C0;
  --botanical-sketchbook-5: #F0FFF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "botanical-sketchbook": {
        1: "#6B8E23",
        2: "#BDB76B",
        3: "#8FBC8F",
        4: "#C0C0C0",
        5: "#F0FFF0",
      }
    }
  }
}

Related searches

botanical green palettenatural sketchbook colorssubtle artistic hex codeslight organic designgarden illustration shades

Palette colors

Hex values

Color 1#6B8E23
·
Color 2#BDB76B
·
Color 3#8FBC8F
·
Color 4#C0C0C0
·
Color 5#F0FFF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
1.8:1Fail
2.1:1Fail
3.7:1AA18
2
1.8:1Fail
1:1Fail
1.1:1Fail
2:1Fail
3
1.8:1Fail
1:1Fail
1.2:1Fail
2.1:1Fail
4
2.1:1Fail
1.1:1Fail
1.2:1Fail
1.8:1Fail
5
3.7:1AA18
2:1Fail
2.1:1Fail
1.8:1Fail

Similar palettes

More like Botanical Sketchbook

View all earth
Bohemian Rhapsody Blend
Botanical Sketch Green
Desert Agave Bloom
Desert Succulent Bloom
Enchanted Moss Garden
Forest Floor Echo