Back to palettes

Palette

Abstract Expression Burst

Cool, fluid greens and muted teal tones create an expressive and calming flow.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Abstract Expression Burst 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 Abstract Expression Burst.

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

Data visualization

#E8F2EF#CCEBDB#A8D8BF#83BBA1#5F9981

Palette guide

How to use Abstract Expression Burst

Overview

The Abstract Expression Burst palette (Greens) offers a serene and fluid gradient of cool greens and muted teal tones, perfect for creating a calming and sophisticated atmosphere. Ranging from the airy #E8F2EF to the deep, grounding #5F9981, with intermediate shades like #CCEBDB, #A8D8BF, and #83BBA1, this monochromatic scheme evokes nature's tranquility. Designers and developers can utilize this palette to craft harmonious user interfaces, eco-conscious branding, and visually soothing digital experiences. Its subtle variations provide depth and interest while maintaining a cohesive and peaceful aesthetic, ideal for wellness or environmental themes.

Best used for

  • Wellness and mindfulness app interfaces
  • Eco-friendly and sustainable brand identities
  • Spa and relaxation website designs
  • Nature-themed photography portfolios
  • Healthcare and medical platform aesthetics
  • Interior design mood boards and presentations

Suggested color roles

primary

Use #83BBA1 as a central, grounding color for main content areas or primary brand elements.

secondary

Employ #CCEBDB for supporting content, background sections, or subtle interactive elements to maintain a light, airy feel.

accent

Apply the deepest shade, #5F9981, for subtle emphasis, important icons, or darker text where a hint of color is desired.

background

The lightest shade, #E8F2EF, serves as an excellent, clean background, providing ample space for content and allowing other colors to gently emerge.

text

For optimal readability, use a dark green like #5F9981 or a deep charcoal for body text on lighter backgrounds.

Accessibility notes

  • The lighter shades like #E8F2EF and #CCEBDB require dark text (e.g., black or dark charcoal) to meet WCAG AA contrast standards.
  • Ensure sufficient contrast when using mid-tones such as #A8D8BF for text backgrounds; test with a darker green text color.
  • Use #5F9981 for body text on lighter backgrounds to ensure readability and maintain a cohesive color theme.
  • Avoid using two very light colors adjacent to each other for critical information, as differentiation may be difficult for some users.

Recommended combinations

Calm Gradient

Perfect for subtle background gradients or layered visual elements, creating depth and serenity.

#E8F2EF · #CCEBDB · #A8D8BF

Deep Serenity

Ideal for main content sections, pairing a grounding green with a deep accent and a clean background.

#83BBA1 · #5F9981 · #E8F2EF

Fresh Harmony

Excellent for emphasizing content blocks or interactive components with a natural, flowing transition.

#CCEBDB · #A8D8BF · #5F9981

CSS variables

:root {
  --abstract-expression-burst-2-1: #E8F2EF;
  --abstract-expression-burst-2-2: #CCEBDB;
  --abstract-expression-burst-2-3: #A8D8BF;
  --abstract-expression-burst-2-4: #83BBA1;
  --abstract-expression-burst-2-5: #5F9981;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "abstract-expression-burst-2": {
        1: "#E8F2EF",
        2: "#CCEBDB",
        3: "#A8D8BF",
        4: "#83BBA1",
        5: "#5F9981",
      }
    }
  }
}

Related searches

calming green color paletteeco friendly brand colorsmonochromatic green schemenature inspired web designsoft teal colors

Palette colors

Hex values

Color 1#E8F2EF
·
Color 2#CCEBDB
·
Color 3#A8D8BF
·
Color 4#83BBA1
·
Color 5#5F9981
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.1:1Fail
1.4:1Fail
1.9:1Fail
2.9:1Fail
2
1.1:1Fail
1.2:1Fail
1.7:1Fail
2.6:1Fail
3
1.4:1Fail
1.2:1Fail
1.4:1Fail
2.1:1Fail
4
1.9:1Fail
1.7:1Fail
1.4:1Fail
1.5:1Fail
5
2.9:1Fail
2.6:1Fail
2.1:1Fail
1.5:1Fail

Similar palettes

More like Abstract Expression Burst

View all cool
Alpine Lake Serene
Aquatic Coral Garden
Aquatic Moss Garden
Arctic Moss Glaze
Arctic Northern Bloom
Aurora Borealis Dream