Back to palettes

Palette

Ancient Cypress Shade

Deep, cool greens and blues create a sense of tranquil mystery found within an ancient cypress forest.

CoolCalm5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient Cypress Shade 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 Ancient Cypress Shade.

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

Data visualization

#3A5E5E#5C8A8A#82B2B2#B0D8D8#1E3E3E

Palette guide

How to use Ancient Cypress Shade

Overview

The Ancient Cypress Shade palette offers a refreshing journey into deep, cool greens and blues, evoking the tranquil mystery of an ancient cypress forest. With foundational shades like the profound #1E3E3E and the rich #3A5E5E, this palette grounds designs in nature's calm. Lighter, airy tones such as #82B2B2 and #B0D8D8 provide excellent contrast and a sense of openness, mimicking dappled light filtering through leaves. This collection is perfect for projects that require a serene, sophisticated, and natural feel, from wellness apps to eco-conscious branding, offering a harmonious and balanced visual experience.

Best used for

  • Wellness and meditation apps
  • Eco-friendly product branding
  • Spa and resort website design
  • Nature photography portfolios
  • Environmental conservation initiatives
  • Serene interior design concepts

Suggested color roles

primary

#3A5E5E (Dark Teal) - A sophisticated and calming primary for main sections, headers, or navigational elements.

secondary

#5C8A8A (Medium Teal) - Ideal for supporting content, subheadings, or as a background for interactive elements, adding depth.

accent

#B0D8D8 (Light Cyan) - Use sparingly for subtle highlights, interactive states, or small icons to add a refreshing touch.

background

#B0D8D8 (Light Cyan) - A crisp, light background that provides excellent readability for darker text and maintains a serene atmosphere.

text

#1E3E3E (Deep Forest Green) - Offers strong contrast against lighter backgrounds like #B0D8D8, ensuring high readability for body text.

Accessibility notes

  • Ensure #1E3E3E text on #B0D8D8 background meets WCAG AA contrast ratio.
  • Use #3A5E5E for larger text elements when placed on #5C8A8A to maintain legibility.
  • Avoid using #B0D8D8 for text on very light backgrounds as contrast will be poor.
  • #5C8A8A can be a good background for white or very light text, but check contrast.

Recommended combinations

Forest Depths

Great for creating deep, immersive backgrounds with subtle highlights.

#1E3E3E · #3A5E5E · #82B2B2

Misty Grove

Perfect for clean content blocks, with #3A5E5E as a grounding accent.

#5C8A8A · #B0D8D8 · #3A5E5E

Dappled Light

Effective for UI cards or informational panels, offering clear hierarchy and calm.

#82B2B2 · #1E3E3E · #5C8A8A

CSS variables

:root {
  --ancient-cypress-shade-2-1: #3A5E5E;
  --ancient-cypress-shade-2-2: #5C8A8A;
  --ancient-cypress-shade-2-3: #82B2B2;
  --ancient-cypress-shade-2-4: #B0D8D8;
  --ancient-cypress-shade-2-5: #1E3E3E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-cypress-shade-2": {
        1: "#3A5E5E",
        2: "#5C8A8A",
        3: "#82B2B2",
        4: "#B0D8D8",
        5: "#1E3E3E",
      }
    }
  }
}

Related searches

tranquil green blue paletteancient forest colorscalm nature color schemedeep teal shade paletteserene cypress tones

Palette colors

Hex values

Color 1#3A5E5E
·
Color 2#5C8A8A
·
Color 3#82B2B2
·
Color 4#B0D8D8
·
Color 5#1E3E3E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
3:1AA18
4.6:1AA
1.6:1Fail
2
1.9:1Fail
1.6:1Fail
2.5:1Fail
3:1AA18
3
3:1AA18
1.6:1Fail
1.5:1Fail
4.9:1AA
4
4.6:1AA
2.5:1Fail
1.5:1Fail
7.5:1AAA
5
1.6:1Fail
3:1AA18
4.9:1AA
7.5:1AAA

Similar palettes

More like Ancient Cypress Shade

View all Cool
Rain-Kissed Ferns
Enchanted Teal Forest
Misty Alpine Dawn
Moonlit Cypress Grove
Urban Jungle Oasis
Whispering Pine Forest