Back to palettes

Palette

Tranquil Rice Paddies

Serene greens and soft blues evoke the peaceful, watery reflections of sunlit rice paddies.

earthcalm5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tranquil Rice Paddies 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 Tranquil Rice Paddies.

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

Data visualization

#ADD8E6#98FB98#6B8E23#8FBC8F#B0C4DE

Palette guide

How to use Tranquil Rice Paddies

Overview

The "Tranquil Rice Paddies" palette offers a serene blend of soft greens and blues, reminiscent of lush agricultural landscapes and reflective water. This collection is ideal for creating designs that evoke peace, nature, and a gentle calm. With hues like the sky blue of #ADD8E6, the light green of #98FB98, and the deeper olive of #6B8E23, it provides a harmonious foundation. The subtle grey-green #8FBC8F and cool blue-grey #B0C4DE complete a versatile set perfect for eco-friendly brands, wellness applications, or UI designs seeking a soothing aesthetic. Developers will find these tones work well for natural themes, offering a fresh and inviting user experience.

Best used for

  • Eco-friendly product packaging
  • Spa and wellness websites
  • Nature-themed mobile apps
  • Interior design mood boards
  • Sustainable brand identities
  • Educational materials on ecology

Suggested color roles

primary

Use #6B8E23 (Deep Olive Green) for main branding elements, strong calls to action, or prominent section headers where a grounded, natural feel is desired.

secondary

Apply #ADD8E6 (Light Blue) for secondary navigation, background panels, or subtle data visualizations, providing a refreshing and open feel.

accent

Employ #98FB98 (Pale Green) for interactive elements, highlights, or small illustrative details to add a touch of fresh vibrancy.

background

Utilize #B0C4DE (Light Steel Blue) as a calming, airy base for content, allowing other colors to gently stand out without harsh contrast.

text

Use #6B8E23 (Deep Olive Green) for headings and important body text. For general body text, consider a dark charcoal like #333333 for optimal readability against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #98FB98 or #ADD8E6 with very light text; dark text like #6B8E23 or black is recommended.
  • #6B8E23 provides good contrast against #ADD8E6 and #B0C4DE for text and interactive elements.
  • Avoid placing #98FB98 on #8FBC8F for critical information, as their value difference might be too subtle for some users.
  • Always test color combinations with accessibility tools to meet WCAG guidelines, especially for text and UI components.

Recommended combinations

Nature's Calm

Ideal for a website header or hero section, conveying freshness and tranquility with a balanced natural feel.

#6B8E23 · #ADD8E6 · #98FB98

Soft Reflection

Perfect for background gradients or subtle UI elements, offering a gentle, contemplative ambiance.

#B0C4DE · #8FBC8F · #ADD8E6

Paddy Field

Effective for content blocks or data visualization, providing clear distinction while maintaining a harmonious, earthy tone.

#6B8E23 · #8FBC8F · #ADD8E6

CSS variables

:root {
  --tranquil-rice-paddies-1: #ADD8E6;
  --tranquil-rice-paddies-2: #98FB98;
  --tranquil-rice-paddies-3: #6B8E23;
  --tranquil-rice-paddies-4: #8FBC8F;
  --tranquil-rice-paddies-5: #B0C4DE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tranquil-rice-paddies": {
        1: "#ADD8E6",
        2: "#98FB98",
        3: "#6B8E23",
        4: "#8FBC8F",
        5: "#B0C4DE",
      }
    }
  }
}

Related searches

calm green blue palettenature inspired color schemerice paddies colorseco friendly web design colorsserene green blue hues

Palette colors

Hex values

Color 1#ADD8E6
·
Color 2#98FB98
·
Color 3#6B8E23
·
Color 4#8FBC8F
·
Color 5#B0C4DE
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
2.5:1Fail
1.4:1Fail
1.2:1Fail
2
1.2:1Fail
3:1AA18
1.7:1Fail
1.4:1Fail
3
2.5:1Fail
3:1AA18
1.8:1Fail
2.1:1Fail
4
1.4:1Fail
1.7:1Fail
1.8:1Fail
1.2:1Fail
5
1.2:1Fail
1.4:1Fail
2.1:1Fail
1.2:1Fail

Similar palettes

More like Tranquil Rice Paddies

View all earth
Bamboo Grove Mist
Delta Murmur
Dune Seagrass Drift
Enchanted Garden Gate
Forest Whisper Green
Garden Gate Ivy