Back to palettes

Palette

Sunbeam Agave Morning

The crisp, pale greens and bright light of an agave plant touched by morning sun.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Sunbeam Agave Morning 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 Sunbeam Agave Morning.

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

Data visualization

#F0F8E8#DCEAD2#B8D4A8#90BD8A#68A578

Palette guide

How to use Sunbeam Agave Morning

Overview

The Sunbeam Agave Morning palette captures the crisp, serene essence of an agave plant bathed in early sunlight. This collection of cool, fresh greens, ranging from the pale #F0F8E8 to the deeper #68A578, offers designers and developers a calming and natural aesthetic. Key colors like #B8D4A8 and #90BD8A provide versatile mid-tones, perfect for creating harmonious and refreshing visual experiences. It's an excellent choice for projects that aim to convey wellness, nature, and tranquility, making it ideal for eco-friendly brands or serene digital interfaces.

Best used for

  • Wellness and spa branding
  • Eco-friendly product packaging
  • Botanical and garden-themed designs
  • Health and lifestyle apps
  • Nature photography portfolios
  • Serene interior decor themes

Suggested color roles

primary

Utilize #90BD8A as the core brand color, embodying freshness and natural vitality.

secondary

Apply #B8D4A8 for secondary elements, subheadings, or to introduce a lighter, airy feel.

accent

Reserve #68A578 for subtle but impactful accents, important text, or to add depth and grounding to the design.

background

Employ #F0F8E8 as a clean, bright background, providing excellent contrast for darker text and a sense of openness.

text

For body text, #68A578 or a dark charcoal ensures optimal readability while maintaining the palette's natural feel.

Accessibility notes

  • Ensure sufficient contrast for text, especially with lighter greens. #68A578 on #F0F8E8 offers good readability.
  • Avoid using #DCEAD2 or #B8D4A8 for small text on similarly light backgrounds to prevent readability issues.
  • Consider larger font sizes or bolding for text in mid-range colors like #90BD8A when used on lighter backgrounds.
  • Always check WCAG contrast guidelines for interactive elements and critical information.

Recommended combinations

Fresh Gradient

Ideal for backgrounds, headers, or sections where a smooth, calming transition from light to slightly deeper green is desired.

#F0F8E8 · #DCEAD2 · #B8D4A8

Agave Depth

Effective for creating visual hierarchy, with the deepest green grounding the lighter, fresher tones.

#68A578 · #90BD8A · #B8D4A8

Morning Serenity

Perfect for clean layouts that emphasize tranquility and natural balance, combining a light base with distinct green accents.

#F0F8E8 · #90BD8A · #68A578

CSS variables

:root {
  --sunbeam-agave-morning-1: #F0F8E8;
  --sunbeam-agave-morning-2: #DCEAD2;
  --sunbeam-agave-morning-3: #B8D4A8;
  --sunbeam-agave-morning-4: #90BD8A;
  --sunbeam-agave-morning-5: #68A578;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "sunbeam-agave-morning": {
        1: "#F0F8E8",
        2: "#DCEAD2",
        3: "#B8D4A8",
        4: "#90BD8A",
        5: "#68A578",
      }
    }
  }
}

Related searches

agave green palettefresh nature colorscalm green schemeeco friendly design colorsmorning light greens

Palette colors

Hex values

Color 1#F0F8E8
·
Color 2#DCEAD2
·
Color 3#B8D4A8
·
Color 4#90BD8A
·
Color 5#68A578
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.5:1Fail
2:1Fail
2.7:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.3:1Fail
3
1.5:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
2.7:1Fail
2.3:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Sunbeam Agave Morning

View all cool
Mint Leaf Refresh
Spring Thaw Creek
Verdant Dewdrop Whisper
Whispering Willow Breezes
Zen Bamboo Groove
Alpine Lake Serene