Palette

Botanical Sketchbook

Delicate greens and blues inspired by detailed botanical illustrations and natural forms.

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

#556B2F#6B8E23#8FBC8F#ADD8E6#F0FFF0

Palette guide

How to use Botanical Sketchbook

Overview

The Botanical Sketchbook palette offers delicate greens and blues, inspired by detailed botanical illustrations and natural forms. Featuring the deep #556B2F and the lively #6B8E23, alongside the soft #8FBC8F, this scheme introduces a surprising yet harmonious #ADD8E6 (LightBlue) and the airy #F0FFF0 (Honeydew). This combination is perfect for designs seeking a fresh, light, and artistic aesthetic with a subtle natural twist. Designers can leverage this palette 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.

Best used for

Educational platforms on nature and science
Nature-themed mobile applications
Light and airy brand identities
Botanical art and illustration websites
Eco-friendly product packaging with a fresh feel
Spring and summer seasonal marketing

Suggested color roles

primary

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

secondary

Apply #6B8E23 for subheadings, secondary content, or graphic elements, providing a lively yet balanced mid-green.

accent

Employ #ADD8E6 to introduce a refreshing accent for interactive elements, calls-to-action, or to symbolize water/sky.

background

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

text

The deep #556B2F is ideal for body text and critical information, ensuring excellent readability on light backgrounds like #F0FFF0.

Accessibility notes

Ensure strong contrast for text, using #556B2F on #F0FFF0 or #ADD8E6 backgrounds, to meet WCAG AA standards.
Verify that #ADD8E6, when used as an accent, has sufficient contrast against its surrounding background for visibility.
Avoid pairing #6B8E23 with #8FBC8F 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

Fresh Air

Creates a clean, refreshing look, pairing deep earth with sky blue and a crisp white for a modern natural feel.

#556B2F · #ADD8E6 · #F0FFF0

Garden Breeze

Offers a harmonious blend of greens with a cool blue, ideal for illustrating natural scenes or serene interfaces.

#6B8E23 · #8FBC8F · #ADD8E6

Nature's Sketch

Emphasizes readability and organic contrast, with darker greens on a light background for clear content hierarchy.

#556B2F · #6B8E23 · #F0FFF0

CSS variables

:root {
  --botanical-sketchbook-2-1: #556B2F;
  --botanical-sketchbook-2-2: #6B8E23;
  --botanical-sketchbook-2-3: #8FBC8F;
  --botanical-sketchbook-2-4: #ADD8E6;
  --botanical-sketchbook-2-5: #F0FFF0;
}

Tailwind config

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

Hex values

Color 1#556B2F

Color 2#6B8E23

Color 3#8FBC8F

Color 4#ADD8E6

Color 5#F0FFF0

Accessibility

Contrast checker

1.6:1Fail

2.8:1Fail

3.9:1AA18

5.7:1AA

1.6:1Fail

1.8:1Fail

2.5:1Fail

3.7:1AA18

2.8:1Fail

1.8:1Fail

1.4:1Fail

2.1:1Fail

3.9:1AA18

2.5:1Fail

1.4:1Fail

1.5:1Fail

5.7:1AA

3.7:1AA18

2.1:1Fail

1.5:1Fail

Similar palettes

More like Botanical Sketchbook

View all earth

Enchanted Forest Bloom

Meadow Whisper Breeze